sinatraruby/QuizWS2023(調整版)/quiz.html at master

Fork: 0

kamiyamariku / sinatraruby

Find file

Newer

Older

sinatraruby / QuizWS2023(調整版) / quiz.html

神山季空 on 9 Aug 2023 1 KB local環境で動くように調整されたquiz

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>QUIZ</title>
<link rel="stylesheet" type="text/css" href="quiz.css">
<script type="text/javascript" src="quiz.js" charset="utf-8"></script>
</head>

<body>
<h1>クイズ王決定戦!</h1>
<p id="login">
お名前(ニックネーム)を入れてね: <input name="name" id="name" length="40">
<input id="commit" type="submit" value="この名前で参加する">

</p>
<div class="stage" id="stage">
<p class="c">
<button id="push" type="button" value="PUSH">正解発表</button>
</p>
<div id="quiz">
<p><button class="LR" id="left" value="-1"> &lt;&lt; </button>
<span id="question"></span>
<button class="LR" id="right" value="1"> &gt;&gt; </button>
</p>
<table class="choice">
 <tr><td>1: <label><input name="answer" type="radio" value="1">
	    <span id="choice1"></span></label>
      <p><meter id="N-choice1" max="10"></meter></p></td>
  <td>2: <label><input name="answer" type="radio" value="2">
      	 <span id="choice2"></span></label>
   <p><meter id="N-choice2" max="10"></meter></p></td></tr>
 <tr><td>3: <label><input name="answer" type="radio" value="3">
	 <span id="choice3"></span></label>
      <p><meter id="N-choice3" max="10"></meter></p></td>
  <td>4: <label><input name="answer" type="radio" value="4">
      	 <span id="choice4"></span></label>
   <p><meter max="10" id="N-choice4"></meter></p></td></tr>
</table>
</div>

<p id="info" class="info">...</p>
</div>


<hr>
<p id="copyright">&copy;2023 HIROSE Lab.</p>
</body>
</html>