🧠 JavaScript-Quiz

Ein interaktives Multiple-Choice-Quiz zur Wiederholung aller Themen

🎯 1. Projektziel

Erstelle ein interaktives Multiple-Choice-Quiz zur Wiederholung aller JavaScript-Themen – mit Fragen, Punktezähler, Timing und Ergebnisanzeige.

📚 2. W3Schools-Referenz

Für dieses Projekt sind folgende Themen besonders relevant:

🔗 JavaScript Arrays
🔗 JavaScript Objects
🔗 JavaScript Events
🔗 JavaScript Timing

🧠 3. KI-Prompt-Hinweis

Nutze KI als Kooperationspartner – nicht als Code-Lieferant. Formuliere Prompts wie:

💡 Beispiel: „Ich baue ein JS-Quiz mit Array von Objekten, DOM-Manipulation und Ereignissen. Wie strukturiere ich die Zustandsverwaltung, damit nur eine Antwort pro Frage möglich ist?“

✅ 4. Funktionale Anforderungen

Multiple-Choice-Fragen – 4 Antwortmöglichkeiten pro Frage
Punktezähler – +1 Punkt pro richtige Antwort
Timing (optional) – 15 Sekunden pro Frage
Ergebnisanzeige – Anzahl richtiger Antworten, Gesamtpunkte, Feedback
Neustart – Möglichkeit, das Quiz zu wiederholen

⚙️ 5. Technische Anforderungen

Speichere Fragen als Array von Objekten:
{ frage: "...", antworten: ["A","B","C","D"], richtig: 0 }
Verwende Zustandsverwaltung (aktuelle Frage, Punkte, Zeit)
Nutze DOM-Manipulation für dynamische Anzeige
Implementiere Events für Auswahl und Neustart
Validiere: Nur eine Antwort pro Frage, keine Mehrfach-Klicks

🔧 6. Empfohlener Arbeitsablauf

Erstelle das Fragen-Array mit 5–10 Fragen zu verschiedenen Themen
Implementiere die Anzeige der ersten Frage
Füge die Logik für Antwort-Auswahl hinzu
Baue den Punktezähler und die Navigation ein
Füge am Ende die Ergebnisanzeige und den Neustart-Button hinzu
Optional: Integriere das Zeitlimit mit setTimeout