Test met vragen en antwoorden in een array in JavaScript

Stel dat we een array met correcte antwoorden hebben, zoals in de vorige les:

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

Stel dat er nu ook een array met vragen is:

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

Stel dat er geen divs meer met vragen en invoervelden voor antwoorden aanwezig zijn in de HTML-code:

html<div id="test"></div>
<button id="button">controleer antwoorden</button>

Stel dat de taak hetzelfde blijft: bij klikken op de knop de juistheid controleren.

Het is duidelijk dat onze taak ingewikkelder is geworden: nu must bij het openen van de pagina de array met vragen doorlopen en de HTML-code van elke vraag vormen - de bovenliggende div, een paragraaf met de tekst en een invoerveld voor het antwoord.