JavaScriptでの配列を用いた質問と回答のテスト

前のレッスンと同様に、正解の配列が与えられているとしましょう：

javascriptlet answers = [
  '答え 1',
  '答え 2',
  '答え 3',
];

さらに、質問の配列も与えられているとします：

javascriptlet questions = [
  '質問 1?',
  '質問 2?',
  '質問 3?'
];

HTMLコードには、質問用のdivと回答用のinputはもう含まれていないとします：

html<div id="test"></div>
<button id="button">回答を確認する</button>

私たちの目の前にある課題は以前と同じです：ボタンをクリックしたときに正しさを検証することです。

明らかに、課題はより複雑になりました：ページにアクセスした際に、質問の配列をループ処理し、各質問のHTMLコード（親div、テキストを含む段落、回答用の入力欄）を生成する必要があります。