Newer
Older
kp2 / game.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>心のタイマー</title>

  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>StopWatch</title>
  <link rel="stylesheet" type="text/css" href="style.css">
	
</head>
<body>

	<h1 align="senter" >心のタイマーと電子タイマーでJAAST TIME!!!</h1>
	<h3 align="senter" >ルール説明!!</h3>
	<ul>
		<li>時間をぴったりに当てよう!!</li>
		<li>タイマーは表示されないので感覚で押そう!!</li>
		<li>STARTとSTOPは自分で押してね!!</li>

	</ul>
  <h1>StopWatch</h1>
  <div class="stopwatch_wrapper">
    <div class="display">
      <span id="hours" class="time">00</span>
      <span id="minutes" class="time">00</span>
      <span id="seconds" class="time">00</span>
      <span id="milli_seconds" class="time">000</span>
    </div>
    <div class="buttons">
      <button class="button" id="start">start</button>
      <button class="button" id="stop" disabled>stop</button>
      <button class="button" id="reset" disabled>reset</button>
    </div>
  </div>
  <script src="script.js"></script>
	
	<h2>結果発表!!</h2>
	<p id="happyou"></p>
</body>

</html>