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 코드를 생성해야 합니다.
주어진 작업을 구현하세요.