typingGame/main.html at master · connieDeng/typingGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<!-- Connie -->
<html>

	<head>
		<script src = "functions.js"></script>
		<script src = "Passages.js"></script>
		<link rel = "stylesheet" type = "text/css" href = "css.css" />
		<title></title>
		<style>
			 body
			 {
				background-color: MistyRose;
			 }
		</style>
		<script>
		</script>

	</head>

	<body onload = "loadtext(); initialize();">
		<div id = "title">Typing Test</div>
		<div id = "time"></div>

      <div id = "timeChange">
		Time:
        <button id = "sec30" onclick="changeTime(30);"> 30 seconds </button>
        <button id = "sec60" onclick="changeTime(60);"> 60 seconds </button>
        <button id = "sec90" onclick="changeTime(90);"> 90 seconds </button>
      </div>

	<div id = "textChange">
		Text:
        <button id = "AliceInWonderland" onclick="pick(0);"> Alice In Wonderland </button>
        <button id = "Torque" onclick="pick(1);"> Torque </button>
		<button id = "WW1" onclick="pick(2);"> World War 1 </button>
		<button id = "NASAJourneyToMars" onclick="pick(3);"> NASA's Journey To Mars </button>
        <button id = "HistoryOfTokyo" onclick="pick(4);"> History of Tokyo </button>
		<button id = "DigitalExplosion" onclick="pick(5);"> Digital Explosion (Blown to Bits) </button>
      </div>

      <div id = "text"></div>
      <div id = "wpm"> WPM </div>
      <br/>
      <input onkeypress="clock();" id = "input" type=text/>
	  <button onclick = "restart();"> restart </button>
	</body>

</html>