Toets met vrae en antwoordkeuses in 'n objek in JavaScript

Laat ons nou aanneem dat die vrae, antwoordkeuses en nommers van die korrekte antwoorde in een objek gestoor word:

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

Ons HTML-kode sal dan tot die volgende verminder word:

html<div id="test"></div>
<button id="button">kontroleer antwoorde</button>

Met die besoek aan die bladsy sal jy nou die objek met 'n lus moet deurloop en die HTML-kode van die vrae moet vorm.