JavaScript'te Nesne İçinde Sorular ve Cevaplarla Test

Şimdi soruların, cevap seçeneklerinin ve doğru cevap numaralarının tek bir nesnede saklandığını varsayalım:

javascriptlet questions = [
  {
    text: 'soru 1?',
    right: 0,
    variants: [
      'seçenek 1',
      'seçenek 2',
      'seçenek 3'
    ]
  },
  {
    text: 'soru 2?',
    right: 1,
    variants: [
      'seçenek 1',
      'seçenek 2',
      'seçenek 3'
    ]
  },
  {
    text: 'soru 3?',
    right: 2,
    variants: [
      'seçenek 1',
      'seçenek 2',
      'seçenek 3'
    ]
  },
];

Bu durumda HTML kodumuz aşağıdaki şekilde kısaltılacaktır:

html<div id="test"></div>
<button id="button">cevapları kontrol et</button>

Artık sayfaya her girişinizde, nesnemizi döngü ile dolaşmanız ve soruların HTML kodunu oluşturmanız gerekecek.