Test med spørsmål og svaralternativer i et objekt i JavaScript

La oss nå anta at spørsmålene, svaralternativene og numrene til de riktige svarene er lagret i ett objekt:

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

HTML-koden vår vil dermed reduseres til følgende:

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

Nå, når du kommer til siden, må du gå gjennom objektet vårt med en løkke og generere HTML-koden for spørsmålene.