📝 Exercices pratiques

0 / 0 complétés
// Sélectionne un exercice
Bienvenue dans les exercices !

Choisis un exercice dans la liste à gauche pour commencer. Tu verras les instructions ici, et tu pourras écrire ton code dans l'éditeur à droite.

Comment ça marche ?

  • Lis les instructions et les étapes
  • Écris ton code dans l'éditeur
  • Clique sur ▶ Exécuter pour voir le résultat
  • Clique sur Valider pour vérifier tes réponses
  • Si tu bloques, utilise Voir solution
Éditeur
👁️ Aperçu (HTML/CSS)
🖥️ Console / Sortie
// Console prête. Exécute un exercice pour voir la sortie.
Sélectionne un exercice
🎉

Exercice réussi !

Tous les critères sont validés. Bravo !

`, solution: ` DOM JavaScript

🖱️ Interactions DOM

Clique sur le bouton...
`, checks: [ { label: 'getElementById()', test: c => /getElementById\(/.test(c) }, { label: 'addEventListener("click")', test: c => /addEventListener\(["']click["']/.test(c) }, { label: 'textContent modifié', test: c => /\.textContent\s*=/.test(c) }, { label: 'Compteur count', test: c => /count/.test(c) }, { label: 'style modifié', test: c => /\.style\./.test(c) }, { label: 'Bouton dans HTML', test: c => /