Eventos DOM

Eventos de Mouse

eventos de mouse

Interação com o bloco

Interaja

Códigos usados na interação com o bloco acima

Código usado 1

Importante salientar que nesse caso onde indicamos o eventos e chamamos a função diretamente no HTML, os eventos recebem o nome com o prefixo "on" indicando o movimento e obviamente os eventos estão descritos dentro da tag utilizada como referência

código

Código usado 2

Neste caso onde usamos o addEventListener, os eventos não são descritos na tag HTML, pois serão "ouvidos" pelo comando addEventListener e nesse caso, ao definir os eventos nas funções, eles não recebem o prefixo "on", mas somente o nome do evento.

código