แบบทดสอบที่มีคำถามและคำตอบในอาร์เรย์บน JavaScript

สมมติว่าเรามีอาร์เรย์ของคำตอบที่ถูกต้อง, เหมือนในบทเรียนที่แล้ว:

javascriptlet answers = [
  'คำตอบ 1',
  'คำตอบ 2',
  'คำตอบ 3',
];

สมมติว่าตอนนี้มีอาร์เรย์ของคำถามด้วย:

javascriptlet questions = [
  'คำถาม 1?',
  'คำถาม 2?',
  'คำถาม 3?'
];

สมมติว่าไม่มี div พร้อมคำถามและอินพุตสำหรับคำตอบ เหลืออยู่ในโค้ด HTML แล้ว:

html<div id="test"></div>
<button id="button">ตรวจสอบคำตอบ</button>

สมมติว่าตั้งแต่แรกเรามีภารกิจเดิม: เมื่อ คลิกที่ปุ่มให้ทำการตรวจสอบความถูกต้อง

เห็นได้ชัดว่าภารกิจของเราซับซ้อนขึ้น: ตอนนี้ เมื่อเข้าสู่หน้าเว็บเราจำเป็นต้องวนลูปผ่าน อาร์เรย์ของคำถามและสร้างโค้ด HTML ของแต่ละ คำถาม - div หลัก, ย่อหน้าพร้อมข้อความ และอินพุตสำหรับคำตอบ