-
Notifications
You must be signed in to change notification settings - Fork 1
/
mathscreen.html
92 lines (89 loc) · 2.26 KB
/
mathscreen.html
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="style.css" />
<head>
<title>NumLock</title>
<script src="mathfunctions.js"></script>
</head>
<body>
<h2>Hold up! We need you to answer a few questions first.</h2>
<button id="startButton" type="button" >Do Problems</button>
<button id="answerButton" type="button" >Show Answers</button>
<table style="text-align: left; width: 280px; height: 190px;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<p id="demo 1"></p>
<input type="text" id= "text 1" />
<p id="answer 1"></p>
</td>
<td>
<p id="demo 2"></p>
<input type="text" id= "text 2" />
<p id="answer 2"></p>
</td>
<td>
<p id="demo 3"></p>
<input type="text" id= "text 3" />
<p id="answer 3"></p>
</td>
</tr>
<tr>
<td>
<p id="demo 4"></p>
<input type="text" id= "text 4" />
<p id="answer 4"></p>
</td>
<td>
<p id="demo 5"></p>
<input type="text" id= "text 5" />
<p id="answer 5"></p>
</td>
<td>
<p id="demo 6"></p>
<input type="text" id= "text 6" />
<p id="answer 6"></p>
</td>
</tr>
<tr>
<td>
<p id="demo 7"></p>
<input type="text" id= "text 7" />
<p id="answer 7"></p>
</td>
<td>
<p id="demo 8"></p>
<input type="text" id= "text 8" />
<p id="answer 8"></p>
</td>
<td>
<p id="demo 9"></p>
<input type="text" id= "text 9" />
<p id="answer 9"></p>
</td>
</tr>
<tr>
<td>
<p id="demo 10"></p>
<input type="text" id= "text 10" />
<p id="answer 10"></p>
</td>
<td>
<p id="demo 11"></p>
<input type="text" id= "text 11" />
<p id="answer 11"></p>
</td>
<td>
<p id="demo 12"></p>
<input type="text" id= "text 12" />
<p id="answer 12"></p>
</td>
</tr>
</tbody>
</table>
<!-- Statements/timers conditional on how you answered questions -->
<p id="ranOutOfTime"></p>
<p id="questionsStatus"></p>
<p id="pTimer"></p>
</body>
</html>