Desafio resolvido com data-attribute, depois de quebrar a cabeça:
const lista = document.querySelector(".lista");
const botoes = document.querySelectorAll("[data-action]");
botoes.forEach((botao) => { botao.addEventListener("click", () => { const acao = botao.dataset.action; if (acao === "mostrar") { lista.style.display = "block"; } else if (acao === "sumir") { lista.style.display = "none"; } }); });
Olá, Ananda!
Parabéns por ter resolvido o desafio! É muito gratificante quando conseguimos superar um obstáculo e chegar ao resultado esperado.
O código que você postou utiliza o atributo "data" para identificar os botões e executar a ação correspondente. Isso é muito interessante, pois permite uma maior flexibilidade e facilidade na manipulação do DOM.
Caso você tenha alguma dúvida ou precise de ajuda em algum outro desafio, não hesite em perguntar. Espero ter ajudado e bons estudos!