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!