Soumettre un formulaire

Objectif

Gérer la soumission d'un formulaire avec JavaScript.

Contexte

L'événement submit se déclenche quand un formulaire est soumis. On empêche le comportement par défaut pour traiter les données en JavaScript :

const form = document.querySelector("form")

form.addEventListener("submit", function(event) {
  event.preventDefault()  // Pas de rechargement

  // Récupérer les données
  const nom = document.querySelector("#nom").value
  const email = document.querySelector("#email").value

  // Traiter (validation, envoi avec fetch, etc.)
  console.log("Envoi de", nom, email)
})

Flux typique

1. L'utilisateur clique sur "Envoyer"
2. L'événement submit est déclenché
3. preventDefault() empêche le rechargement
4. On récupère les valeurs avec .value
5. On traite les données (validation, API, etc.)

Consigne

Dans le gestionnaire d'événement :

1. Récupère les valeurs nom et email avec .value
2. Affiche "Inscription de [nom] avec [email]"

Remplis le formulaire et clique sur S'inscrire !