Ujian dengan Soalan dan Jawapan dalam Array pada JavaScript

Katakan kita diberikan array jawapan yang betul, seperti dalam pelajaran sebelumnya:

javascriptlet answers = [
  'jawapan 1',
  'jawapan 2',
  'jawapan 3',
];

Katakan sekarang array soalan juga diberikan:

javascriptlet questions = [
  'soalan 1?',
  'soalan 2?',
  'soalan 3?'
];

Katakan div dengan soalan dan input untuk jawapan tidak lagi terdapat dalam kod HTML:

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

Katakan tugas kita tetap sama: apabila butang ditekan, lakukan semakan ketepatan.

Jelas sekali, tugas kita menjadi lebih rumit: sekarang apabila memasuki halaman, kita perlu mengulangi array soalan dan membentuk kod HTML setiap soalan - div induk, perenggan dengan teks dan input untuk jawapan.