DébutantNon commencé

Exercice 8.5 · 5 min · 0 tentative

Lire la valeur d'un champ

🎯 Objectif

Récupérer le texte saisi par l'utilisateur dans un champ de formulaire.

📖 Contexte

La propriété .value contient la valeur saisie dans un champ :

const input = document.querySelector("#prenom")
const prenom = input.value  // "Jean"

console.log("Bonjour", prenom)

Champs compatibles avec .value

Élément HTMLExemple
<input type="text">Texte simple
<input type="email">Email
<input type="password">Mot de passe
<textarea>Zone de texte
<select>Menu déroulant

⚠️ Toujours une chaîne de caractères

.value retourne toujours du texte, même pour un champ numérique :

// HTML : <input type="number" id="age" value="25">
const age = document.querySelector("#age").value

console.log(age)        // "25" (texte, pas nombre !)
console.log(typeof age) // "string"

// Pour comparer avec un nombre, utilise Number()
if (Number(age) >= 18) {
  console.log("Majeur")
}

Piège courant : "25" < 18 donne false mais "5" < 18 donne... true ! Toujours convertir avec Number() pour les comparaisons numériques.

📝 Consigne

Complète le code pour récupérer les valeurs des champs email et age avec .value.

Résultat attendu (après clic sur "Afficher les valeurs") :

Nom : Marie
Email : marie@email.ch
Age : 25

Teste en cliquant sur le bouton !

Objectifs

  • Récupérer email avec .value
  • Récupérer age avec .value
  • Stocker dans une variable
  • Champs existent

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé