แบบทดสอบพร้อมคำถามและตัวเลือกคำตอบในอ็อบเจกต์บน JavaScript

ตอนนี้ให้คำถาม ตัวเลือกคำตอบ และหมายเลขคำตอบที่ถูกต้องเก็บอยู่ในอ็อบเจกต์เดียว:

let questions = [
	{
		text: 'คำถามที่ 1?',
		right: 0,
		variants: [
			'ตัวเลือก 1',
			'ตัวเลือก 2',
			'ตัวเลือก 3'
		]
	},
	{
		text: 'คำถามที่ 2?',
		right: 1,
		variants: [
			'ตัวเลือก 1',
			'ตัวเลือก 2',
			'ตัวเลือก 3'
		]
	},
	{
		text: 'คำถามที่ 3?',
		right: 2,
		variants: [
			'ตัวเลือก 1',
			'ตัวเลือก 2',
			'ตัวเลือก 3'
		]
	},
];

ในขณะที่โค้ด HTML ของเราจะลดลงเหลือดังนี้:

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

ตอนนี้ เมื่อเข้าสู่หน้าเว็บ คุณจะต้องวนลูปผ่านอ็อบเจกต์ของเราและสร้างโค้ด HTML สำหรับคำถาม

ปฏิบัติตามภารกิจที่กำหนด