Test mit Fragen und Antworten in einem Array in JavaScript

Nehmen wir an, wir haben ein Array mit korrekten Antworten, wie in der vorherigen Lektion:

javascriptlet answers = [
  'Antwort 1',
  'Antwort 2',
  'Antwort 3',
];

Nehmen wir nun weiter an, dass auch ein Array mit Fragen gegeben ist:

javascriptlet questions = [
  'Frage 1?',
  'Frage 2?',
  'Frage 3?'
];

Nehmen wir an, dass es keine Divs mit Fragen und Inputs für Antworten mehr im HTML-Code gibt:

html<div id="test"></div>
<button id="button">Antworten überprüfen</button>

Nehmen wir an, die Aufgabe bleibt dieselbe: Beim Klick auf den Button eine Korrektheitsprüfung durchführen.

Offensichtlich hat sich unsere Aufgabe erschwert: Jetzt müssen wir beim Aufruf der Seite das Array der Fragen durchgehen und den HTML-Code jeder Frage generieren - das übergeordnete Div, den Absatz mit dem Text und den Input für die Antwort.