Logo Passei Direto
Buscar

Outros

ESTÁCIO EAD
Explique como funciona a manipulação de eventos em JavaScript utilizando addEventListener. Em sua resposta, mencione como associar uma função a um evento de clique em um botão HTML e por que esse método é preferível ao uso direto de atributos como onclick no HTML.
User badge image

Enviado por extraindoquestoes_dev_tst+673685 há 22 horas

Respostas

User badge image

Ed Inteligência Artificial do Passei Direto Verified user icon

há 22 horas

A manipulação de eventos em JavaScript utilizando `addEventListener` permite que você associe funções a eventos específicos de elementos HTML, como cliques, movimentos do mouse, entre outros. Para associar uma função a um evento de clique em um botão HTML, você pode seguir os seguintes passos: 1. Selecionar o elemento: Primeiro, você precisa selecionar o botão usando `document.querySelector` ou outro método de seleção. ```javascript const botao = document.querySelector('#meuBotao'); ``` 2. Definir a função: Em seguida, você define a função que será executada quando o evento ocorrer. ```javascript function minhaFuncao() { alert('Botão clicado!'); } ``` 3. Adicionar o evento: Por fim, você usa `addEventListener` para associar a função ao evento de clique. ```javascript botao.addEventListener('click', minhaFuncao); ``` ### Vantagens do `addEventListener` sobre `onclick`: - Múltiplos eventos: Com `addEventListener`, você pode adicionar múltiplos ouvintes para o mesmo evento em um único elemento, enquanto `onclick` só permite um. - Separação de preocupações: Usar `addEventListener` ajuda a manter o JavaScript separado do HTML, promovendo um código mais limpo e organizado. - Remoção de eventos: É possível remover um evento específico usando `removeEventListener`, o que não é possível com `onclick`. Essas características tornam `addEventListener` uma abordagem mais flexível e poderosa para manipulação de eventos em JavaScript.

Essa resposta te ajudou?

0
Dislike0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Mais perguntas desse material

Mais conteúdos dessa disciplina