<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>酒田クイズ!!!</title>
<link rel="stylesheet" href="SakataQuiz.css">
</head>
<body>
<h1>酒田クイズ!!!</h1>
<p>酒田についてクイズを出すから全問正解を目指して頑張ろう!!</p>
<h2>説明</h2>
<ul>
<li>1問4択になってるよ!!
<li>10問、50点満点で、難しい問題には高得点を得ることができるから<br>
満点を目指して頑張ろう!!（問題はランダムで出てくるよ!!）
<li>制限時間はないから安心してゆっくり考えられるよ!!
</ul>
<div class="quiz">
<div class="inner-block">
<div class="quiz-content">
<div class="quiz-question-number">質問1</div>
<h2 class="quiz-question">北海道の県庁所在地は？</h2>
<ul class="quiz-answer">
<li>
<label class="quiz-button button01">
<input name="radio" type="radio" value="sapporo">
<span class="quiz-text01">札幌</span>
</label>
</li>
<li>
<label class="quiz-button button02">
<input name="radio" type="radio" value="tokyo">
<span class="quiz-text02">東京</span>
</label>
</li>
<li>
<label class="quiz-button button02">
<input name="radio" type="radio" value="tokyo">
<span class="quiz-text02">東京</span>
</label>
</li>
<li>
<label class="quiz-button button02">
<input name="radio" type="radio" value="tokyo">
<span class="quiz-text02">東京</span>
</label>
</li>
<!-- 他の回答も同様に追加 -->
</ul>
</div>
</div>
</div>
<p><button onclick="checkAnswer()">回答する</button>
<input type="button" onclick="history.back()" value="戻る">
<p id="answerResult"></p>
<p id="totalScore"></p>
<script src="../SakataQuiz.js"></script>
</body>
</html>
