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", 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]"

Résultat attendu (avec nom = "Jean" et email = "jean@email.ch") :

Inscription de Jean avec jean@email.ch

Remplis le formulaire et clique sur S'inscrire !