Test med spørsmål og svar i array i JavaScript

La oss si at vi har en array med riktige svar, som i forrige leksjon:

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

La oss nå si at det også er en array med spørsmål:

javascriptlet questions = [
  'spørsmål 1?',
  'spørsmål 2?',
  'spørsmål 3?'
];

La oss si at det ikke lenger er noen div-er med spørsmål og input-felter for svar i HTML-koden:

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

La oss si at vi har den samme oppgaven: ved klikk på knappen skal riktigheten kontrolleres.

Det er åpenbart at oppgaven vår har blitt vanskeligere: nå må vi gå gjennom arrayen med spørsmål når vi kommer inn på siden og generere HTML-koden for hvert spørsmål - en foreldre-div, et avsnitt med tekst og et input-felt for svar.