Na categoria de livros disponíveis não esta exibindo na página, se alguem conseguir me ajudar agradeço
// Meu código
const botoes = document.querySelectorAll('.btn')
botoes.forEach(btn => btn.addEventListener('click', filtrarLivros))
function filtrarLivros() {
const elementoBtn = document.getElementById(this.id)
const categoria = elementoBtn.value
let livrosFiltrados = categoria == 'disponivel' ? filtrarPorDisponibilidade(categoria) : filtrarPorCategoria(categoria)
exibirLivrosNaPagina(livrosFiltrados)
if (categoria == 'disponivel') {
const valorTotal = calcularValorTotalDeLivrosDisponiveis(livrosFiltrados)
exibirValorTotalDosLivrosNaPagina(valorTotal)
}
}
function filtrarPorCategoria(categoria) {
return livros.filter(livro => livro.categoria == categoria)
}
function filtrarPorDisponibilidade() {
return livros.filter(livro => livro.quantidade > 0)
}
function exibirValorTotalDosLivrosNaPagina() {
elementoValorTotalDosLivrosDisponiveis.innerHTML = `
<div class="livros__disponiveis">
<p>Todos os livros disponíveis por R$ <span id="valor">299,00</span></p>
</div>
`
}
