Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
const lista = document.querySelector("ul");
document.querySelector("[data-listaMostrar]").addEventListener("click",() => { lista.setAttribute("data-lista","mostar"); })
document.querySelector("[data-listaEsconder]").addEventListener("click",() => { lista.setAttribute("data-lista","esconder"); })
Olá Elvis, tudo bem?
Muito obrigado por compartilhar a sua solução aqui com a gente. Ficamos felizes em saber que está colocando em prática.
Um detalhe que percebi, parece que há um erro de digitação na linha 4, onde está escrito "mostar" ao invés de "mostrar". Além disso, é importante lembrar que você precisa ter uma classe CSS para esconder a lista quando o atributo "data-lista" estiver com o valor "esconder".
Valeu Elvis, bons estudos!