Cuidado com o Clique! Use Submit

O erro número 1 de quem está aprendendo a manipular formulários é tentar colocar um evento de 'click' direto no botão Enviar. Isso é uma falha de segurança e usabilidade, pois o usuário pode enviar o formulário apertando a tecla 'Enter' em vez de clicar no botão. O jeito profissional é colocar um evento de 'submit' (envio) diretamente na tag <form>.

// ❌ Jeito Amador e arriscado:
// const btn = document.querySelector('#btn-enviar');
// btn.addEventListener('click', () => { ... });

// ✅ Jeito Profissional e seguro:
const formularioDeLogin = document.querySelector('#form-login');

formularioDeLogin.addEventListener('submit', (evento) => {
  console.log("Tentativa de envio detectada (por clique ou Enter)!");
});