<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="quiz.css">
<title>クイズ</title>
</head>
<body>
<h1>クイズ</h1>
<hr>
<h2>問題</h2>
<div id="text_q"></div>
<h2>選択</h2>
<div id="text_s"></div>
<h2>解答</h2>
<div id="text_a"></div>
<script type="text/javascript">
qa = new Array();
qa[0] = ["ここはどこでしょう？","日和山公園","光ケ丘公園","飯森山公園",1];
q_sel = 3;
setReady();
function setReady() {
count = 0;
ansers = new Array();
quiz();
}
function quiz() {
var s, n;
document.getElementById("text_q").innerHTML = (count + 1) + "問目：" + qa[count][0];
s = "";
for (n=1;n<=q_sel;n++) {
if (qa[count][n] != "") {
s += "【<a href='javascript:anser(" + n + ")'>" + n + "：" + qa[count][n] + "</a>】";
}
}
document.getElementById("text_s").innerHTML = s;
}
//答え
function anser(num) {
var s;
s = (count + 1) + "問目：";
if (num == qa[count][q_sel + 1]) {
ansers[count] = "○";
} else {
ansers[count] = "×";
}
s += ansers[count] + qa[count][num];
document.getElementById("text_a").innerHTML = s;
count++;
if (count < qa.length) {
quiz();
} else {
document.getElementById("text_q").innerHTML = s;
s = "【<a href='javascript:history.back()'>geoguessrに戻る</a>】";
s += "【<a href=''>RESET</a>】";
document.getElementById("text_s").innerHTML = s;
}
}
</script>
<details>
<summary>魅力</summary>
<h2>日和山公園の魅力</h2>
<p class='mir'>日和山公園は、桜の名所であり毎年4月中旬には酒田日和山桜まつりが開催されます。坂田日和桜まつりでは、ソメイヨシノなど約400本の桜が咲き誇り、お祭りの期間中は千石船や六角灯台などがライトアップされ、園内にはボンボリも点灯し、
露店もあるためたくさんの人が楽しんだり、賑わいます。桜の名所の日和山公園は日本の都市公園百選にも選ばれています。</p>
</details>
</body>
</html>
