DébutantNon commencé

Exercice 8.2 · 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"

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

Objectifs

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

Lisez bien les instructions et lancez-vous !

Indices (0/3)

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