[Projeto] Minha Solução

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";
    }
}