JavaScript
const botoes = document.querySelectorAll('.btn');
botoes.forEach((btn) =>
btn.addEventListener('click', () => filtrarLivros(btn.dataset.categoria))
);
function filtrarLivros(categoria) {
let livrosFiltrados = livros.filter((livro) => livro.categoria == categoria);
exibirOsLivrosNaTela(livrosFiltrados);
}
HTML Só precisa colocar um data-categoria em cada button.
<li><button class="btn btn-front" href="#" id="btnFiltrarLivrosFront" value="front-end" data-categoria="front-end">LIVROS DE
FRONT-END</button>
</li>Deu para dar uma reduzida muito boa no código feito em aula!
