Teszt kérdésekkel és válaszlehetőségekkel egy objektumban JavaScriptben

Tegyük fel, hogy a kérdések, a válaszlehetőségek és a helyes válaszok sorszáma most egyetlen objektumban tárolódik:

javascriptlet questions = [
  {
    text: 'kérdés 1?',
    right: 0,
    variants: [
      'változat 1',
      'változat 2',
      'változat 3'
    ]
  },
  {
    text: 'kérdés 2?',
    right: 1,
    variants: [
      'változat 1',
      'változat 2',
      'változat 3'
    ]
  },
  {
    text: 'kérdés 3?',
    right: 2,
    variants: [
      'változat 1',
      'változat 2',
      'változat 3'
    ]
  },
];

HTML kódunk ezzel a következőre rövidül:

html<div id="test"></div>
<button id="button">válaszok ellenőrzése</button>

Most, amikor betöltődik az oldal, végig kell iterálni a ciklusunkat az objektumon, és létre kell hozni a kérdések HTML kódját.