1
resposta

Fiz desta forma usando a logica das ultimas aulas, para desenvolver o conhecimento

const listacor = document.querySelectorAll("[data-controle]"); listacor.forEach(Element =>{ Element.addEventListener('click',(evento)=>{ ocultar(evento.target); }) });

function ocultar(element) { const tipo = element.getAttribute("tipo");

const lista = document.querySelectorAll(`[tipo="${tipo}"]`);  
lista.forEach((li) => {
  li.classList.toggle("escondido");
});

}

const btn = document.getElementById("btn");

btn.addEventListener('click', ()=>{ listacor.forEach((li)=>{ li.classList.toggle("escondido") }); });

1 resposta

Olá Jucimar! Tudo bem?

Sua implementação parece estar correta e você está usando boas práticas ao selecionar e manipular elementos do DOM. Parabéns pelo seu trabalho!

Muito obrigada por comapartilhar com a gente a sua solução e continue praticando.

Um abraço e bons estudos.