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

課題を実装してください。