Tes dengan Pertanyaan dan Pilihan Jawaban dalam Objek JavaScript

Sekarang anggap pertanyaan, pilihan jawaban, dan nomor jawaban yang benar disimpan dalam satu objek:

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

Kode HTML kita akan berkurang menjadi berikut:

html<div id="test"></div>
<button id="button">periksa jawaban</button>

Sekarang, saat membuka halaman, Anda harus melakukan perulangan melalui objek kita dan membentuk kode HTML untuk pertanyaan.