No desafio foi proposto a criação de 2 botões, um de abrir e um de fechar, teoricamente eu tenho dois botões, mas um só aparece quando o outro está escondido, pois usei a .innetText pra alterar o texto, então no html só precisei adicionar 1 botão, segue o código: HTML:
<button id="botao"></button>
JS:
const lista = document.querySelector("[data-lista]");
const exibe = document.querySelector("#botao");
mostraLista();
exibe.addEventListener("click", (evento)=> {
mostraLista();
console.log("exibe");
})
function mostraLista(){
if (lista.style.display === "none"){
lista.style.display = "block";
exibe.innerText = "Ocultar Tintas";
}else{
lista.style.display = "none";
exibe.innerText = "Mostrar Tintas";
}
}