-
Notifications
You must be signed in to change notification settings - Fork 0
/
historyQuiz.html
204 lines (201 loc) · 8.28 KB
/
historyQuiz.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
<head>
<title>History Quizzzzz!</title>
<link rel="stylesheet" type="text/css" href="Quiz.css">
</head>
<body>
<style>
body {
background: lightsalmon;
}
</style>
<div class=title>
<h1> History Quizzzzz!</h1>
</div>
<div class=questionBox>
<h1>1. The novel A Tale of Two Cities depicts the era of: </h1>
<div row>
<button class=button id=1B onclick="QuestOneOne();QuestOneColor()">The French Revolution</button>
</div>
<div row>
<button class=button id=1A onclick="QuestOneZero();QuestOneColor()">The Stone Age</button>
</div>
<div row>
<button class=button id=1C onclick="QuestOneZero();QuestOneColor()">The Swiss Revolution </button>
</div>
</div>
<div class=questionBox>
<h1>2. The construction of the Arc de Triomphe was ordered by: </h1>
<div row>
<button class=button id=2A onclick="QuestTwoZero();QuestTwoColor()">Michael Angelo</button>
</div>
<div row>
<button class=button id=2B onclick="QuestTwoOne();QuestTwoColor()">Napoleon I</button>
</div>
<div row>
<button class=button id=2C onclick="QuestTwoZero();QuestTwoColor()">Charles Dickens</button>
</div>
</div>
<div class=questionBox>
<h1>3. The Eiffel Tower was designed by: </h1>
<div row>
<button class=button id=3B onclick="QuestThreeOne();QuestThreeColor()">Gustave Eiffel</button>
</div>
<div row>
<button class=button id=3A onclick="QuestThreeZero();QuestThreeColor()">Bonano Pisanao</button>
</div>
<div row>
<button class=button id=3C onclick="QuestThreeOne();QuestThreeColor()">Charles Dickens</button>
</div>
</div>
<div class=questionBox>
<h1>4. The Leaning Tower of Piza is located in: </h1>
<div row>
<button class=button id=4A onclick="QuestFourZero();QuestFourColor()">France</button>
</div>
<div row>
<button class=button id=4B onclick="QuestFourOne();QuestFourColor()">Italy</button>
</div>
<div row>
<button class=button id=4C onclick="QuestFourZero();QuestFourColor()">Germany</button>
</div>
</div>
<div class=questionBox>
<h1>5. The Taj Mahal mausoleum is located in: </h1>
<div row>
<button class=button id=5A onclick="QuestFiveZero();QuestFiveColor()">France</button>
</div>
<div row>
<button class=button id=5C onclick="QuestFiveZero();QuestFiveColor()">Belgium</button>
</div>
<div row>
<button class=button id=5B onclick="QuestFiveOne();QuestFiveColor()">India</button>
</div>
</div>
<div class=questionBox>
<h1>6. The first president of the United States is: </h1>
<div row>
<button class=button id=6A onclick="QuestSixZero();QuestSixColor()">Abraham Lincoln</button>
</div>
<div row>
<button class=button id=6B onclick="QuestSixOne();QuestSixColor()">George Washington</button>
</div>
<div row>
<button class=button id=6C onclick="QuestSixZero();QuestSixColor()">James Garfield</button>
</div>
</div>
<div class=questionBox>
<h1>7. The shortest presidency in US history was held by: </h1>
<div row>
<button class=button id=7B onclick="QuestSevenOne();QuestSevenColor()">William Harrison</button>
</div>
<div row>
<button class=button id=7A onclick="QuestSevenZero();QuestSevenColor()">James Garfield</button>
</div>
<div row>
<button class=button id=7C onclick="QuestSevenOne();QuestSevenColor()">Abraham Lincoln</button>
</div>
</div>
<div class=questionBox>
<h1>8. The longest US presidency was held by: </h1>
<div row>
<button class=button id=8A onclick="QuestEightZero();QuestEightColor()">James Garfield</button>
</div>
<div row>
<button class=button id=8C onclick="QuestEightZero();QuestEightColor()"> George Washington</button>
</div>
<div row>
<button class=button id=8B onclick="QuestEightOne();QuestEightColor()"> Franklin Roosevelt</button>
</div>
</div>
<div class=questionBox>
<h1>9. The tallest US president was: </h1>
<div row>
<button class=button id=9B onclick="QuestNineOne();QuestNineColor()">Abraham Lincoln</button>
</div>
<div row>
<button class=button id=9A onclick="QuestNineZero();QuestNineColor()">Thomas Jefferson</button>
</div>
<div row>
<button class=button id=9C onclick="QuestNineZero();QuestNineColor()">George Washington</button>
</div>
</div>
<div class=questionBox>
<h1>10. July 14th is the: </h1>
<div row>
<button class=button id=10A onclick="QuestTenZero();QuestTenColor()">Belgian Independance Day</button>
</div>
<div row>
<button class=button id=10C onclick="QuestTenZero();QuestTenColor()">German Independance Day</button>
</div>
<div row>
<button class=button id=10B onclick="QuestTenOne();QuestTenColor()">French Independance Day </button>
</div>
</div>
<div class=questionBox>
<h1>11. The US president/Archeologist is: </h1>
<div row>
<button class=button id=11A onclick="QuestElevenZero();QuestElevenColor()">George Washington</button>
</div>
<div row>
<button class=button id=11B onclick="QuestElevenOne();QuestElevenColor()">Thomas Jefferson</button>
</div>
<div row>
<button class=button id=11C onclick="QuestElevenZero();QuestElevenColor()">Abraham Lincoln</button>
</div>
</div>
<div class=questionBox>
<h1>12. January 26th is the: </h1>
<div row>
<button class=button id=12B onclick="QuestTwelveOne();QuestTwelveColor()">Australian Independance Day</button>
</div>
<div row>
<button class=button id=12A onclick="QuestTwelveZero();QuestTwelveColor()">Belgian Independance Day</button>
</div>
<div row>
<button class=button id=12C onclick="QuestTwelveZero();QuestTwelveColor()">US Independance Day</button>
</div>
</div>
<div class=questionBox>
<h1>13. July 21st is the: </h1>
<div row>
<button class=button id=13B onclick="QuestThirteenOne();QuestThirteenColor()">Belgian Independance Day</button>
</div>
<div row>
<button class=button id=13C onclick="QuestThirteenZero();QuestThirteenColor()">French Independance Day</button>
</div>
<div row>
<button class=button id=13A onclick="QuestThirteenOne();QuestThirteenColor()">US Independance Day</button>
</div>
</div>
<div class=questionBox>
<h1>14. The first US capital was: </h1>
<div row>
<button class=button id=14B onclick="QuestFourteenOne();QuestFourteenColor()">Philadelphia, Pa</button>
</div>
<div row>
<button class=button id=14A onclick="QuestFourteenZero();QuestFourteenColor()">Washington State</button>
</div>
<div row>
<button class=button id=14C onclick="QuestFourteenZero();QuestFourteenColor()">Washington, DC</button>
</div>
</div>
<div class=questionBox>
<h1>15. NASA was founded in: </h1>
<div row>
<button class=button id=15A onclick="QuestFifteenZero();QuestFifteenColor()">1989</button>
</div>
<div row>
<button class=button id=15C onclick="QuestFifteenZero();QuestFifteenColor()">1966</button>
</div>
<div row>
<button class=button id=15B onclick="QuestFifteenOne();QuestFifteenColor()">1958</button>
</div>
</div>
<div class=final>
<button id=Submit onclick="result();SubmitColor()">Submit</button>
</div>
<script src="Quiz.js"></script>
</body>
</html>