JavaScript 객체로 구현한 질문과 답변 옵션 테스트

이제 질문, 답변 옵션 및 정답 번호가 하나의 객체에 저장되어 있다고 가정해 봅시다:

javascriptlet 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 코드는 다음과 같이 줄어들게 됩니다:

html<div id="test"></div>
<button id="button">답변 확인하기</button>

이제 페이지에 접속할 때, 우리의 객체를 순환하며 질문들의 HTML 코드를 생성해야 합니다.