Solução simples sem mudar o HTML ou o CSS na mão | JavaScript: manipulando o DOM

1
resposta

Referente ao curso JavaScript: manipulando o DOM, no capítulo Montando um robô e atividade Consolidando o seu conhecimento

por RAFAEL RODRIGO KOINSKI PEDROZO

| 32.5k xp | 4 posts

Analista de teste

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

botao.onclick = () => { const lista = document.querySelector(".lista"); if (lista.style.display === "none") { lista.style.display = "block"; }else { lista.style.display = "none"; }

}

1 resposta

por Lorena Garcia

| 6856.5k xp | 9957 posts

Alura Scuba Team Monitora

15/03/2023

Oi Rafael, tudo bem?

Acredito que a solução que você apresentou utilizando o método "querySelector" e a propriedade "style.display" é uma forma eficiente de resolver o desafio :)

Muito obrigada por compartilhar com a gente!

Um abraço e bons estudos.