Olá, ainda sou iniciante e tenho muito a aprender.
Utilizei o classList.add
e o classList.remove
que aprendi anteriormente.
Primeiro criei os botões com data-mostra
e data-esconde
no html.
<button data-mostra>Aluratintas:</button>
<button data-esconde>Esconder Aluratintas:</button>
Após criei uma class no css.
.remove-lista {
visibility: hidden;
}
E por fim parti para o JS.
var lista = document.querySelector('.lista');
var mostra = document.querySelector('[data-mostra]');
var esconde = document.querySelector('[data-esconde]');
esconde.addEventListener('click', () => {
lista.classList.add('remove-lista');
});
mostra.addEventListener('click', () => {
lista.classList.remove('remove-lista');
})
Vou conseguir ser fluente em JS, não está sendo fácil mas com estudo e dedicação chegaremos lá.