O Gatilho: addEventListener

Um site estático é um site chato. Para torná-lo interativo, precisamos espalhar 'ouvintes' pela página. O `addEventListener` é um radar: ele fica escutando um elemento específico 24h por dia. Quando algo acontece (o evento), ele dispara a sua lógica. 💡 Dica do KCarrasquinho: Ele sempre pede dois ingredientes: O NOME da ação (em formato de texto) e uma FUNÇÃO dizendo o que ele deve fazer quando a ação ocorrer.

const botaoMagico = document.querySelector('.btn-magico');

// Parâmetro 1: Qual é a ação? ('click')
// Parâmetro 2: O que fazer? (uma arrow function)
botaoMagico.addEventListener('click', () => {
  alert('Incrível! Você clicou no botão!');
  botaoMagico.innerText = "Fui Clicado";
});