Test cu întrebări și răspunsuri într-un array în JavaScript

Să presupunem că avem un array cu răspunsuri corecte, ca în lecția precedentă:

javascriptlet answers = [
  'răspuns 1',
  'răspuns 2',
  'răspuns 3',
];

Să presupunem că acum avem și un array cu întrebări:

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

Să presupunem că nu mai există div-uri cu întrebări și input-uri pentru răspunsuri în codul HTML:

html<div id="test"></div>
<button id="button">verifică răspunsurile</button>

Să presupunem că avem aceeași sarcină: la apăsarea butonului să efectuăm verificarea corectitudinii.

Evident, sarcina noastră s-a complicat: acum la intrarea pe pagină trebuie să parcurgem array-ul cu întrebări și să formăm codul HTML al fiecărei întrebări - div-ul părinte, paragraful cu textul și input-ul pentru răspuns.