Eventos e interação

Eventos conectam ações do usuário ao seu código.

botao.addEventListener('click', (event) => {
  event.preventDefault();
  console.log('clicou');
});

Ideias importantes

• Escute no elemento certo (ou use delegação no pai).
• preventDefault() cancela o comportamento padrão (submit, navegação).
• Remova listeners quando criar/destruir UI dinâmica (evitar vazamentos).