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コードを 生成する必要があります。