DébutantNon commencé

Exercice 8.6 · 5 min · 0 tentative

Cases à cocher

🎯 Objectif

Vérifier si une case à cocher est cochée avec .checked.

📖 Contexte

Les checkboxes utilisent .checked (pas .value) pour savoir si elles sont cochées :

const checkbox = document.querySelector("#newsletter")

if (checkbox.checked) {
  console.log("Inscrit à la newsletter")
} else {
  console.log("Pas inscrit")
}

.value vs .checked

PropriétéTypeUtilisation
.valueStringTexte du champ
.checkedBooleanCase cochée ?
// Pour un input text
input.value     // "Jean"

// Pour une checkbox
checkbox.checked  // true ou false

📝 Consigne

  1. Vérifie si newsletter.checked est vrai
  2. Si oui, affiche "Newsletter : oui", sinon "Newsletter : non"

Résultat attendu (avec les valeurs par défaut, newsletter non cochée) :

Conditions acceptées
Newsletter : non
Sauvegarder : true

Résultat attendu (si newsletter cochée) :

Conditions acceptées
Newsletter : oui
Sauvegarder : true

Teste en cochant/décochant puis en cliquant sur Vérifier !

Objectifs

  • Vérifier newsletter.checked
  • Afficher Newsletter oui
  • Afficher Newsletter non
  • Checkbox existe

Lis bien les instructions et lance-toi !

Indices (0/3)

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