Test med frågor och svar i array i JavaScript

Låt oss anta att vi har en array med korrekta svar, som i föregående lektion:

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

Låt oss nu också anta att vi har en array med frågor:

javascriptlet questions = [
  'fråga 1?',
  'fråga 2?',
  'fråga 3?'
];

Låt oss anta att det inte finns några div-element med frågor och input-fält för svar i HTML-koden längre:

html<div id="test"></div>
<button id="button">kontrollera svar</button>

Låt oss anta att vi har samma uppgift som tidigare: vid klick på knappen ska korrektheten kontrolleras.

Uppenbarligen har vår uppgift blivit mer komplicerad: nu måste vi, när sidan laddas, gå igenom arrayen med frågor och generera HTML-koden för varje fråga - en föräldradiv, ett stycke med text och ett input-fält för svaret.