Test med spørgsmål og svarmuligheder i et objekt i JavaScript

Lad nu spørgsmålene, svarmulighederne og numrene på de korrekte svar være gemt i et enkelt objekt:

javascriptlet questions = [
  {
    text: 'spørgsmål 1?',
    right: 0,
    variants: [
      'mulighed 1',
      'mulighed 2',
      'mulighed 3'
    ]
  },
  {
    text: 'spørgsmål 2?',
    right: 1,
    variants: [
      'mulighed 1',
      'mulighed 2',
      'mulighed 3'
    ]
  },
  {
    text: 'spørgsmål 3?',
    right: 2,
    variants: [
      'mulighed 1',
      'mulighed 2',
      'mulighed 3'
    ]
  },
];

Vores HTML-kode vil herefter reduceres til følgende:

html<div id="test"></div>
<button id="button">tjek svar</button>

Nu skal du, når siden indlæses, gennemløbe vores objekt med en løkke og generere HTML-koden for spørgsmålene.