Pessoal,
Não estou conseguindo declarar a const valorTotal. Alguém poderia me ajudar por favor?
metodoForEach.js
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() : filtrarPorCategoria(categoria)
exibirOsLivrosNaTela(livrosFiltrados)
if (categoria == 'disponivel'){
const valorTotal = calcularValorTotalDeLivrosDisponiveis(livrosFiltrados)
exibirValorTotal()
}
}
function filtrarPorCategoria(categoria) {
return livros.filter(livro => livro.categoria == categoria)
}
function filtrarPorDisponibilidade() {
return livros.filter(livro => livro.quantidade > 0)
}
function exibirValorTotal(valorTotal) {
elementoComValor.innerHTML = `
<div class="livros__disponiveis">
<p>Todos os livros disponíveis por R$ <span id="valor">${valorTotal}</span></p>
</div>
`
}