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

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

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

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

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

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

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

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

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

โปรดนำภารกิจที่กำหนดไว้ไปปฏิบัติ