Votre première application de quiz interactive
Votre première application de quiz interactive
Un cours magistral est à sens unique. Un quiz, c'est une conversation.
Les élèves qui se testent retiennent 50 % de plus que ceux qui relisent simplement leurs notes. Dans cette leçon, vous allez créer une vraie application de quiz cliquable — avec une question, des options de réponse qui s'illuminent en vert ou en rouge au clic, un compteur de score et un message de résultat. Elle fonctionne dans le navigateur. Pas de framework, pas de serveur. Juste du HTML + une pincée de JavaScript.
Instructions
Ajoutez un <h1> avec le titre de votre quiz — quel sujet ce quiz évalue-t-il ?
Indice : Essayez : `<h1 class="text-3xl font-bold text-white mb-2">Vérification rapide des connaissances</h1>`
Ajoutez un <div class="question"> contenant le texte de la question du quiz
Ajoutez au moins 3 éléments <button class="answer-btn">. Marquez la bonne réponse avec data-correct="true"
Ajoutez un <div class="score-counter"> en bas affichant «Score : 0» — le JavaScript de départ le mettra à jour automatiquement lorsque la bonne réponse est cliquée
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Ajoutez un <h1> avec le titre de votre quiz — quel sujet ce quiz évalue-t-il ?