1
resposta

Essa foi minha solucao !! Fica a duvida, es uma boa pratica ???

const mostraTintas = document.querySelector('[data-mostraTintas]');
const recolheTintas = document.querySelector('[data-recolheTintas]');
const listatintas = document.querySelectorAll('li');



  mostraTintas.addEventListener('click', () => {
  listatintas.forEach((elemento) => {
    elemento.style.display = 'block'
  })
  })

  recolheTintas.addEventListener('click' , () => {
   listatintas.forEach((elemento) => {
    elemento.style.display = 'none'
   } )
  })
1 resposta

Olá, Guilherme.

Tudo bem?

Muito obrigado por compartilhar a sua solução aqui com a gente! O seu código ficou muito legal, se você testou e funcionou do jeito que você queria sem erro sem nada, é isso aí!!

Parabéns, e continue assim praticando, testando e evoluindo.

Valeu mesmo.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software