Minha conclusão do exercício:
Html:
<div class="botoes">
<button data-botao="mostrar">Mostrar tintas em estoque:</button>
<button data-botao="limpar">Limpar tintas em estoque:</button>
</div>
Javascript:
const botao = document.querySelectorAll("[data-botao]");
const lista = document.querySelector(".lista");
botao.forEach((cadaBotao)=>{
cadaBotao.addEventListener("click", (cadaBotaoClicado)=>{
manipulandoOsDados(cadaBotaoClicado.target.dataset.botao);
});
});
function manipulandoOsDados(retorno){
if(retorno === "mostrar"){
lista.style.display = "grid"
}else{
lista.style.display = "none"
}
}
Adicionei também ao css, para que a lista fique sempre oculta como padrão:
.lista{
display: none;
}
excelente curso, e bons estudos a todos.