Quiz interactif

Une petite application web de quiz à choix multiples, réalisée en HTML, CSS et JavaScript natif.

Fonctionnalités

• Affichage de questions à choix multiples.
• Barre et compteur de progression.
• Correction immédiate de la réponse sélectionnée.
• Calcul du score final avec un message adapté au résultat.
• Bouton pour recommencer le quiz.
• Interface responsive, utilisable sur mobile.

Technologies

• HTML5
• CSS3
• JavaScript (sans dépendance)

Lancer le projet

Aucune installation n’est nécessaire.

1. Clonez ou téléchargez ce projet.
2. Ouvrez le fichier index.html dans votre navigateur.

Vous pouvez aussi le servir avec un serveur web local, par exemple avec VS Code et l’extension Live Server.

Structure du projet

.
├── index.html  # Structure de l’application
├── style.css   # Mise en forme et adaptation mobile
└── script.js   # Questions et logique du quiz

Personnaliser les questions

Les questions sont définies dans le tableau questions de script.js. Chaque question contient son intitulé, la liste des choix et l’index de la bonne réponse (en commençant à 0).

{
  question: "Votre question ?",
  choix: ["Choix 1", "Choix 2", "Choix 3", "Choix 4"],
  bonneReponse: 1
}

Dans cet exemple, bonneReponse: 1 correspond à « Choix 2 ».

Auteur

Projet de démonstration de quiz interactif.