https://recursos.fosforoeditora.com.br/c/autores.js

1const body = document.querySelector('body');
2
3console.log('autores');
4
5//body.addEventListener('DOMContentLoaded', function() {
6
7if (body.classList.contains('autores')) {        
8
9    const letters = body.querySelectorAll('.busca-letras button');
10    console.log(letters);
11    letters.forEach((letter) => {
12        letter.addEventListener('click', function (e) {
13            
14            const letterFilter = e.target.getAttribute('data-value');
15            const authors = document.querySelectorAll('.conteudo-autores > div > div > div');
16
17            authors.forEach((author) => {
18
19                const authorNameElement = author.querySelector('span');
20                const authorName = authorNameElement.textContent.normalize("NFD");
21                const authorLetter = authorName.substring(0, 1).toLocaleLowerCase();
22
23                console.log('authorLetter', authorLetter, letterFilter);
24
25                if (authorLetter == letterFilter) {
26                    author.style.display = 'block';
27                }
28                else {
29                    author.style.display = 'none';
30                }
31            });
32        });
33    });
34
35    const allAuthors = document.querySelector('.busca-todos');
36    allAuthors.addEventListener('click', function () {
37
38        const authors = document.querySelectorAll('.conteudo-autores > div > div > div');
39        authors.forEach((author) => {
40            author.style.display = 'block';
41        });
42    })
43}
44