addEventListener

O jeito moderno de fazer um elemento reagir a eventos:

const botao = document.getElementById("botao");
botao.addEventListener("click", function () {
  document.getElementById("aviso").textContent = "Adicionado!";
});

• "click" — o evento que estamos ouvindo
• function () { ... } — o que fazer quando o evento acontece

🧠 Modelo mental: addEventListener é "fique de ouvido neste botão; quando clicarem, rode isto". A função só roda no momento do clique, não antes.

💡 Junte tudo: pegar elemento (DOM) + reagir (evento) + mudar texto/estilo. Esse trio é a base de toda interatividade da web. Teste o botão no Browser!