Quiz
Ein interaktives Quiz, das Allgemeinwissen auf spielerische Weise abfragt. Das Quiz enthält Multiple-Choice-Fragen, ein 50:50 Joker, einen Timer und eine Highscore-Tabelle, in der die besten Spieler gespeichert werden.
Quellcode
Installation
-
Klone das Repository oder lade die Dateien herunter:
git clone repository-url - Stelle sicher, dass du eine funktionierende Internetverbindung hast, da das Quiz auf externe Bibliotheken zugreift (Bootstrap).
-
Öffne die
quiz.htmlDatei in deinem Browser, um das Quiz zu starten.
Features
- ✅ Eine Sammlung von Fragen über das Allgemeinwissen mit vier Antwortmöglichkeiten.
- ✅ Timer: Jede Frage hat ein Zeitlimit von 10 Sekunden.
- ✅ 50:50 Joker: Der Joker entfernt zwei falsche Antworten, um die Wahl zu erleichtern.
- ✅ Deine Punktzahl wird basierend auf richtigen Antworten berechnet.
- ✅ Nach Abschluss des Quizzes kannst du deinen Namen eingeben, um deine Punktzahl zu speichern. Highscores werden lokal gespeichert.
- ✅ Nach jeder Antwort gibt es sofortiges Feedback (Richtig/Falsch oder Zeit abgelaufen).
Code-Erklärung
- shuffleQuestions: Eine Funktion, die die Fragen in zufälliger Reihenfolge anzeigt.
- displayQuestion: Zeigt die aktuelle Frage und die Antworten an. Der Timer wird gestartet und der Joker-Button aktiviert.
- checkAnswer: Überprüft, ob die Antwort des Benutzers korrekt ist, und zeigt Feedback an.
- showFeedback: Zeigt das Feedback für die Antwort (richtig/falsch oder Zeit abgelaufen) an.
- useJoker: Entfernt zwei falsche Antworten, wenn der Benutzer den Joker verwendet.
- submitScore: Speichert den Highscore im localStorage und zeigt die Highscore-Tabelle an.
- displayHighscores: Zeigt die gespeicherten Highscores an.