document.querySelector('#robotron').addEventListener("click", function() { console.log('ola') })
document.querySelector('#robotron').addEventListener("click", function() { console.log('ola') })
Oi, Leonardo! Tudo bem?
Pude observar que no seu exemplo a função foi declarada dentro do método addEventListener()
, diferentemente do exemplo dado pelo professor na atividade.
Ambas as formas irão funcionar, entretanto, há uma pequena diferença entre elas. Quando declaramos uma função diretamente dentro do addEventListener()
, estamos criando uma função anônima, que só pode ser acessada no contexto específico em que foi declarada, no caso, apenas será acessada e executada quando o evento de clique no elemento html com o id robotron
for acionado.
Já a forma como a função foi declarada pelo professor na atividade, fora do método e dentro do escopo global do código, permite que ela seja reutilizada em outras partes do código e não apenas naquele contexto.
Espero ter ajudado na compreensão do que ocorreu! Qualquer dúvida sinta-se à vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!