Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Gostaria de saber o que quer dizer esse segundo argumento desse evento? Ainda não entendo bem JavaScript.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Olá Emerson, bom dia!!

*Identificando o Problema: *

De acordo com a sua pergunta, você quer saber o que é esse segundo argumento passado na função addEventListener().

*Solução do Problema: *

A função addEventListener(type, function) recebe dois argumentos, o 1 é o tipo de evento e o 2 é a função que vai ser executada quando o evento informado no 1 parâmetro for disparado.

E esse é o valor que esta no segundo argumento do seu addEventListener -> ( ) => { }, isso é uma arrow function, é uma forma "minimizada" de escrever uma função. Ou seja, ela é a mesma coisa que:

elemento.addEventListener("click", function ( ) {
    console.log("o elemento foi clicado!");
})

elemento.addEventListener("click", ( ) => {
    console.log("o elemento foi clicado!");
})

let funcaoDeClique = function () {
    console.log("o elemento foi clicado!");
}

// Você passa a definição dela (funcaoDeClique) e não a execução (funcaoDeClique() )-->
elemento.addEventListener("click", funcaoDeClique)

*Conclusão: *

O segundo argumento passado para a função addEventListener(type, function) tem que ser uma função, seja ela a definição da função, uma arrow function, uma função anonima e etc.

*Despedida: *

Se a sua dúvida foi resolvida, não se esqueça de colocar a questão como resolvida, pois assim as pessoas que tiverem o mesmo problema que você, saberam que a sua pergunta foi resolvida e clicaram nela para saber como resolver.

Tenha um bom estudo!!

Muito obrigado!