Solucionado
No meu código, no "metodoFilter.js". Dá erro no 'addEvnetListener' e não consigo achar o erro.
const btnFiltrarLivrosDeFront = document.getElementById('btnFiltrarLivrosDeFront')
btnFiltrarLivrosDeFront.addEventListener('click', filtrarLivrosDeFront)
function filtrarLivrosDeFront() {
let livrosFiltrados = livros.filter(livro => livro.categoria == 'front-end')
console.table(livrosFiltrados)
}
Olá, estudante!
Pelo código que você compartilhou, o erro "Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')" ocorre porque o elemento com o ID 'btnFiltrarLivrosDeFront' não está sendo encontrado no momento em que o evento 'click' é adicionado a ele.
Existem algumas possíveis razões para isso acontecer. Uma delas é que o elemento com o ID 'btnFiltrarLivrosDeFront' não existe no HTML. Verifique se você está referenciando corretamente o ID do elemento no seu HTML.
Outra possível razão é que o JavaScript esteja sendo executado antes do carregamento completo do DOM. Nesse caso, você pode resolver o problema movendo o seu código JavaScript para a parte inferior do seu HTML, antes do fechamento da tag </body>. Dessa forma, você garante que o código JavaScript só será executado após o carregamento completo do DOM.
Mas em resumo com esse curto trecho de código não foi possível observar algum erro, por conta disso peço mais informações a respeito.
Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Realmente, Victor. Quebrei cabeça por um pequeno detalhe:
Escrevi no JS: 'btnFiltrarLivrosDeFront' Estava no HTML: 'btnFiltrarLivrosFront'
Obrigado pela ajuda!!!