2
respostas

Uso de addEventListener para manipulação de Array

Boa noite.

Estou com uma dificuldade da lógica para manipular uma lista.

Tenho a seguinte constante: const botoes = document.querySelectorAll('.botao')

Por ser uma lista, como posso manipular essa lista usando o addEventListener ('click', function(){}

2 respostas

Bom dia, Júlio.

O querySelectorAll é ideal para pegar uma lista de elementos do HTML, até aí certo.

Para adicionar um evento de clique a cada botão dessa lista, você precisa percorrer cada elemento da lista e adicionar o evento. Isso pode ser feito com um loop for ou forEach, como foi feito no curso.

Se você quer adaptar o que é ensinado no curso em um projeto diferente, seria legal conhecer a nossa comunidade no Discord, a gente tem um canal de front-end onde a galera compartilha seus projetos pessoais e tira várias dúvidas, instrutores e instrutoras também estão lá sempre ajudando! Lá temos canais de texto e pro voz!

Você pode conhecer mais sobre nesse artigo: https://www.alura.com.br/artigos/como-participar-comunidade-alura-discord

Espero ter ajudado e bons estudos! :)

ok. Obrigado!