Divのhereの部分に配列に入ってる三つの文章にランダムでページ移動せずに表示したいのですが、配列の中がunexpected identifiedというエラーが出ます。何故でしょうか?
<div id="here"></div>
<script type="text/javascript">
var list = [
"<div id="quiz1" data-role="page"><div id="imgContainer"><img id="imageFullScreen" src="img/ss1.png" ></div><p>問題:<br>上の画像を拡大してみてください。何か文字が見えませんか?何が書かれているか分かったら、下に答えを書いてください!</p><form name="Sample1_form"><p>答え:<input type="text" name="answer"placeholder="ここに入力"><input type="button" value="答える!" id="btn"onclick="showPage()"></p></form></div>",
"<div id="quiz2" data-role="page"><div id="button" class="btn">???</div>問題:<br>上の円に指で長押しをしてみましょう。文字が出てきたらその文字を入力してください。<br><p>答え:<input type="text" name="answer"placeholder="ここに入力"><input type="button" value="答える!" id="btn" onclick="showPage()"></p></div>",
"<div id="quiz3" class="page" data-role="page"><div id="MainView_Area"><ul><li><img src="./img/ss2.png" alt="画像1" /></li><li><img src="./img/ss3.png" alt="画像2" /></li><li><img src="./img/ss4.png" alt="画像3" /></li></ul></div><div class="setsumon">問題:<br>上の画像を左に向かって動かしてください。何か文字が見えませんか?何が書かれているか分かったら、下に答えを書いてください!<br><p>答え:<input type="text" name="answer"placeholder="ここに入力"> <input type="button" value="答える!" id="btn" onclick="showPage()"></p></div></div>"
];
var num = Math.floor(Math.random() * list.length);
document.getElementById('here').innerHTML = list[num];
</script>