Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Uma idéia pra quem programa.

Sugiro você sempre estar buscando meios diferentes para ter a solução, apenas com o data não consegui, mas achei algo muito interessante no site stack over flow, uma forma de alterar o CSS com o Js puro, atingindo diretamente o display da tag(div,li,h1,header...), e consister no código abaixo:

O primeiro passo que dei foi criar uma classe no HTML para o botão clicavel "Aluratintas em estoque" ficando assim:

//HTML

 <button class="botao" onclick="mostraTintas(this)">Aluratintas em estoque:</button>

E aqui vai o código para buscar essa classe + a alteração do display dela no CSS através do Js.

//JS

const botao = document.querySelector(".botao");

let click = botao.addEventListener("click", (mostraTintas) => {

  let displayLista = document.querySelector(".lista").style.display
  if (displayLista === 'none') {
     document.querySelector(".lista").style.display = "block"
  }
  else {
     document.querySelector(".lista").style.display = "none"
  }
});

Comecei bem perdido com Js por conta do tdah que dificulta meu entendimento, mas depois de rever 5x(Sim foram 5 vezes kkkkk) as aulas passadas conseguir começar a pegar o embalo da coisa, nunca desistam as vezes precisamos entender 1 coisa para que tudo fique mais claro.

1 resposta
solução!

Oi Ian, tudo bem?

Que legal você compartilhar com a gente, além do código, a sua história e como é para você entender algo. Muito massa o incentivo que você deixou para todo mundo.

É muito importante não desistir e também ter paciência para aprender.

Muito obrigada por compartilhar com a gente a sua solução. Com certeza o seu conselho e ela vão ajudar outras pessoas.

Parabéns pela atitude.

Um abraço e bons estudos.