Empêcher le comportement par défaut

🎯 Objectif

Utiliser preventDefault() pour contrôler le comportement du navigateur.

📖 Contexte

Chaque événement a un comportement par défaut. Par exemple, soumettre un formulaire recharge la page. preventDefault() permet de l'empêcher :

form.addEventListener("submit", event => {
  event.preventDefault()  // Empêche le rechargement

  // Traiter le formulaire en JavaScript
  console.log("Envoi avec fetch...")
})

Comportements par défaut courants

📝 Consigne

1. Ajoute event.preventDefault() au début du callback
2. Le formulaire doit afficher l'email sans recharger la page

Résultat attendu (après soumission avec "test@email.com") :

• La page ne se recharge pas
• Console : Email soumis : test@email.com
• Un message vert apparait : Email envoyé : test@email.com

Teste en soumettant le formulaire !