0
respostas

[Sugestão] adicionei uma classe no css com "display:none"

const botoes=document.querySelectorAll(".btn")
const eventoClick= botoes.forEach(btn => btn.addEventListener("click", filtro))

const precoTotalDisponivel=document.querySelector(".livros__disponiveis")
precoTotalDisponivel.classList.add("none")

function filtro(){
const pegarValor= this.value
let filtrar= pegarValor == "disponivel" ? livros.filter(teste => teste.quantidade >0) : livros.filter(teste => teste.categoria === pegarValor)

    if(pegarValor == "disponivel"){
            precoTotalDisponivel.classList.remove("none")
    }else{
            precoTotalDisponivel.classList.add("none")

    }