Test con domande e opzioni di risposta in un oggetto JavaScript

Ora supponiamo che le domande, le opzioni di risposta e i numeri delle risposte corrette siano memorizzati in un unico oggetto:

javascriptlet questions = [
  {
    text: 'domanda 1?',
    right: 0,
    variants: [
      'opzione 1',
      'opzione 2',
      'opzione 3'
    ]
  },
  {
    text: 'domanda 2?',
    right: 1,
    variants: [
      'opzione 1',
      'opzione 2',
      'opzione 3'
    ]
  },
  {
    text: 'domanda 3?',
    right: 2,
    variants: [
      'opzione 1',
      'opzione 2',
      'opzione 3'
    ]
  },
];

Il nostro codice HTML a questo punto si riduce a quanto segue:

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

Ora, all'accesso alla pagina, dovrai scorrere in ciclo il nostro oggetto e generare il codice HTML delle domande.