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:

javascriptlet 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:

html<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.