Adicionei dois botões embaixo da lista:
<button data-fazer="mostrar">Mostrar tintas</button>
<button data-fazer="esconder">Esconder tintas</button>Então criei o arquivo "main.js" antes do fechamento do :
const fazer = document.querySelectorAll("[data-fazer]");
const lista = document.querySelector(".lista");
fazer.forEach( (botaoclicado) => {
botaoclicado.addEventListener("click", (acao) => {
manipulaDados(acao.target.dataset.fazer);
})
})
function manipulaDados(realizar) {
if (realizar === "esconder") {
lista.style.display = "none";
} else {
lista.style.display = "block";
}
}
