<html>
<head>
<meta charset="utf-8">
<title>クイズ</title>
<link rel="stylesheet" type="text/css" href="quiz.css">
<script type="text/javascript" src="lib/csv.min.js"></script>
<script type="text/javascript" src="4taku.js" charset="utf-8"></script>
</head>
<body>
<section>
<hgroup>
<h1>クイズ</h1>
</hgroup>
<section class="section-sub">
<h2>問題</h2>
<P id='id_question'>起動中</P>
<form name="form1">
<input type="button" name="questions" value="A" ><label id='id_ChoiceA'>A:選択肢A</label><br>
<input type="button" name="questions" value="B" ><label id='id_ChoiceB'>B:選択肢B</label><br>
<input type="button" name="questions" value="C" ><label id='id_ChoiceC'>C:選択肢C</label><br>
<input type="button" name="questions" value="D" ><label id='id_ChoiceD'>D:選択肢D</label><br>
</form>
<img src="" alt="" id="id_mondaigazo" width="400">
</section>
<section class="section-sub">
<h2>解答</h2>
<p id='id_pf'>-</p>
<p id='id_kotae'>-</p>
<img src="" alt="" id="id_kaitougazo" width="100" onclick="kaitouresize()">
<form name="form2">
<input type="button" value="もう一度解く" onclick="location.reload()">
<input type="button" value="前のページに戻る" onclick="javascript:history.back()">
</form>
<p>
<button type="button" id="left"> 《 </button>
<button type="button" id="right"> 》 </button>
</p>
</section>
</body>
