Fundamentos do trabalho com o objeto Event em JavaScript

Nesta lição, estudaremos os fundamentos do trabalho com o objeto Event. Este objeto contém informações sobre o evento que ocorreu. Por exemplo, se um elemento foi clicado, podemos descobrir as coordenadas desse clique, se a tecla Ctrl, Alt ou Shift foi pressionada no momento do clique e assim por diante.

Vamos ver como obter o objeto Event. Suponha que temos um botão:

<button id="elem">texto</button>

Suponha que ao clicar neste botão, uma determinada função seja executada:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function() {

});

Dentro da função vinculada, o objeto Event já está disponível - simplesmente ainda não sabemos como obtê-lo. Ele é obtido da seguinte forma: ao declarar nossa função, precisamos passar qualquer variável como parâmetro (geralmente, event - mas o nome pode ser qualquer um) e o navegador colocará automaticamente o objeto Event nesta variável:

elem.addEventListener('click', function(event) {
	console.log(event); // veremos o objeto com o evento
});

Faça as manipulações descritas por conta própria e exiba o objeto de evento no console. Estude a estrutura deste objeto.