Test med frågor och svarsalternativ i ett objekt i JavaScript

Låt nu frågorna, svarsalternativen och numren på de korrekta svaren lagras i ett objekt:

javascriptlet questions = [
  {
    text: 'fråga 1?',
    right: 0,
    variants: [
      'alternativ 1',
      'alternativ 2',
      'alternativ 3'
    ]
  },
  {
    text: 'fråga 2?',
    right: 1,
    variants: [
      'alternativ 1',
      'alternativ 2',
      'alternativ 3'
    ]
  },
  {
    text: 'fråga 3?',
    right: 2,
    variants: [
      'alternativ 1',
      'alternativ 2',
      'alternativ 3'
    ]
  },
];

Vår HTML-kod kommer därmed att reduceras till följande:

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

Nu måste du, när du besöker sidan, gå igenom vårt objekt med en loop och skapa HTML-koden för frågorna.