Bài kiểm tra với câu hỏi và phương án trả lời trong đối tượng JavaScript
Bây giờ giả sử các câu hỏi, phương án trả lời và số thứ tự của câu trả lời đúng được lưu trữ trong cùng một đối tượng:
let questions = [
{
text: 'Câu hỏi 1?',
right: 0,
variants: [
'Phương án 1',
'Phương án 2',
'Phương án 3'
]
},
{
text: 'Câu hỏi 2?',
right: 1,
variants: [
'Phương án 1',
'Phương án 2',
'Phương án 3'
]
},
{
text: 'Câu hỏi 3?',
right: 2,
variants: [
'Phương án 1',
'Phương án 2',
'Phương án 3'
]
},
];
Khi đó, mã HTML của chúng ta sẽ được rút gọn như sau:
<div id="test"></div>
<button id="button">Kiểm tra câu trả lời</button>
Bây giờ, khi truy cập trang, bạn sẽ phải duyệt qua đối tượng của chúng ta bằng vòng lặp và tạo ra mã HTML cho các câu hỏi.
Hãy thực hiện nhiệm vụ đã đặt ra.
