1
resposta

Minha solução manipulando o DOM 3

Acrescentei os botões abaixo da lista de tintas no arquivo HTML.

<button data-mostra>Mostrar</button>
<button data-esconde>Esconder</button>

E criei as funções seguintes em JavaScript

const mostra = document.querySelector("[data-mostra]");
const esconde = document.querySelector("[data-esconde]");
const lista = document.querySelector(".lista");

esconde.addEventListener("click", () => {
  lista.style.display = "none";
});

mostra.addEventListener("click", () => {
  lista.style.display = "block";
});
1 resposta

Oi Luiz, tudo bem?

Parabéns por resolver o exercício proposto e encontrar sua própria solução! Gostei muito de como você fez :D

Continue os bons estudos.

Abraço.