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