Testi kysymyksillä ja vastausvaihtoehdoilla JavaScript-objektissa

Olkoon nyt kysymykset, vastausvaihtoehdot ja oikeiden vastausten numerot tallennettuna yhdessä objektissa:

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

HTML-koodimme lyhenee tällöin seuraavaan:

html<div id="test"></div>
<button id="button">tarkista vastaukset</button>

Nyt sivulle saapuessasi sinun täytyy käydä läpi silmukkamme objektimme ja muodostaa kysymysten HTML-koodi.