Test con domande e risposte in array su JavaScript

Supponiamo di avere un array di risposte corrette, come nella lezione precedente:

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

Supponiamo ora che sia dato anche un array di domande:

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

Supponiamo che non ci siano più div con domande e input per le risposte nel codice HTML:

html<div id="test"></div>
<button id="button">controlla risposte</button>

Supponiamo che il compito davanti a noi sia lo stesso: al clic sul pulsante eseguire il controllo della correttezza.

È ovvio che il nostro compito è diventato più complicato: ora all'accesso alla pagina dobbiamo scorrere l'array di domande e formare il codice HTML di ogni domanda - il div genitore, il paragrafo con il testo e l'input per la risposta.