Test cu întrebări și variante de răspuns într-un obiect în JavaScript

Să presupunem că acum întrebările, variantele de răspuns și numerele răspunsurilor corecte sunt stocate într-un singur obiect:

javascriptlet questions = [
  {
    text: 'întrebarea 1?',
    right: 0,
    variants: [
      'varianta 1',
      'varianta 2',
      'varianta 3'
    ]
  },
  {
    text: 'întrebarea 2?',
    right: 1,
    variants: [
      'varianta 1',
      'varianta 2',
      'varianta 3'
    ]
  },
  {
    text: 'întrebarea 3?',
    right: 2,
    variants: [
      'varianta 1',
      'varianta 2',
      'varianta 3'
    ]
  },
];

Codul nostru HTML se va reduce la următorul:

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

Acum, la accesarea paginii, va trebui să parcurgeți în ciclu obiectul nostru și să formați codul HTML al întrebărilor.