Ujian dengan Soalan dan Pilihan Jawapan dalam Objek JavaScript

Sekarang mari kita andaikan soalan, pilihan jawapan, dan nombor jawapan yang betul disimpan dalam satu objek:

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

Kod HTML kami pada masa yang sama akan dikurangkan kepada yang berikut:

html<div id="test"></div>
<button id="button">semak jawapan</button>

Sekarang, apabila memasuki halaman, anda perlu mengulangi objek kami dengan gelung dan membentuk kod HTML untuk soalan.