[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") }

Olá, Allan! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso do forEach para adicionar eventos de clique com JavaScript, utilizou muito bem o addEventListener para acionar a função de filtro e ainda compreendeu a importância da classList para manipular dinamicamente a visibilidade dos elementos na página.

Continue postando as suas soluções, com certeza isso ajudará outros estudantes e tem grande relevância para o fórum.

Sugestão de conteúdo para você mergulhar ainda mais no tema:

[Documentação] - classList (JavaScript)

Alguns materiais podem estar em inglês, mas é possível compreendê-los usando o recurso de tradução de páginas do próprio navegador.

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

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

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Tópicos relacionados

Conteúdos Alura com o tema