1
resposta

[Projeto] Minha conclusão do exercício

  • 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.

1 resposta

Opa Jorge, como vai?

Que legal! Fico feliz que tenha conseguido desenvolver a solução para esse desafio.

Parabéns pela iniciativa de desenvolver um projeto e praticar seus conhecimentos. É sempre importante colocarmos em prática o que se aprende e se desafiar a criar algo novo.

Se precisar de ajuda ou tiver alguma dúvida, estou à disposição, conte comigo!

Um bom dia e bons estudos