Test met vragen en antwoorden in een array in JavaScript
Stel dat we een array met correcte antwoorden hebben, zoals in de vorige les:
let answers = [
'antwoord 1',
'antwoord 2',
'antwoord 3',
];
Stel dat er nu ook een array met vragen is:
let 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:
<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.
Implementeer de gestelde taak.