-
Notifications
You must be signed in to change notification settings - Fork 0
/
friends.html
262 lines (253 loc) · 9.8 KB
/
friends.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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html>
<head>
<title>Friends Quizzzzz!</title>
<link rel="stylesheet" type="text/css" href="Quiz.css">
</head>
<body>
<style>
body {
background: #adadeb;
}
img {
border-radius: 25px;
}
</style>
<div class=title>
<h1>f.r.i.e.n.d.s!</h1>
</div>
<div class=questionBox>
<h1>1. How many sisters does Joey have? </h1>
<img src="friends_image/joey_sisters-2.jpg" alt="joey">
</div>
<div class="choice">
<div row>
<button class=button id=1B onclick="QuestOneOne();QuestOneColor()">7</button>
</div>
<div row>
<button class=button id=1C onclick="QuestOneZero();QuestOneColor()">5</button>
</div>
<div row>
<button class=button id=1A onclick="QuestOneZero();QuestOneColor()">2</button>
</div>
</div>
<div class=questionBox>
<h1>2. What is Chandler’s middle name? </h1>
<img src="friends_image/lastname.jpeg" alt="chandler's lastname">
</div>
<div class="choice">
<div row>
<button class=button id=2A onclick="QuestTwoZero();QuestTwoColor()">Charles</button>
</div>
<div row>
<button class=button id=2B onclick="QuestTwoOne();QuestTwoColor()">Muriel</button>
</div>
<div row>
<button class=button id=2C onclick="QuestTwoZero();QuestTwoColor()">Nora</button>
</div>
</div>
<div class=questionBox>
<h1>3. How many pages were in the letter Rachel wrote to Ross (front and back!)? </h1>
<img src="friends_image/ross_and_rachel's_letter.jpg" alt="ross and rachels letter">
</div>
<div class="choice">
<div row>
<button class=button id=3B onclick="QuestThreeOne();QuestThreeColor()">18</button>
</div>
<div row>
<button class=button id=3A onclick="QuestThreeZero();QuestThreeColor()">12</button>
</div>
<div row>
<button class=button id=3C onclick="QuestThreeZero();QuestThreeColor()">8</button>
</div>
</div>
<div class=questionBox>
<h1>4. Which city did Phoebe’s boyfriend, David, move to? </h1>
<img src="friends_image/david.jpg" alt="david">
</div>
<div class="choice">
<div row>
<button class=button id=4A onclick="QuestFourZero();QuestFourColor()">Yemen</button>
</div>
<div row>
<button class=button id=4B onclick="QuestFourOne();QuestFourColor()">Minsk</button>
</div>
<div row>
<button class=button id=4C onclick="QuestFourZero();QuestFourColor()">Tulsa</button>
</div>
</div>
<div class=questionBox>
<h1>5. What ridiculously expensive gift did Ross get Carol when he fell in love with her? </h1>
<img src="friends_image/carol.jpg" alt="carol">
</div>
<div class="choice">
<div row>
<button class=button id=5A onclick="QuestFiveZero();QuestFiveColor()">A $500 dollar watch</button>
</div>
<div row>
<button class=button id=5C onclick="QuestFiveZero();QuestFiveColor()">An early edition of her favourite
book</button>
</div>
<div row>
<button class=button id=5B onclick="QuestFiveOne();QuestFiveColor()">A crystal duck</button>
</div>
</div>
<div class=questionBox>
<h1>6. What does Chandler have to do to get Joey to forgive him, after having kissed Cathy? </h1>
<img src="friends_image/joey and chandler.jpg" alt="joey and chandler">
</div>
<div class="choice">
<div row>
<button class=button id=6A onclick="QuestSixZero();QuestSixColor()">Move to Yemen</button>
</div>
<div row>
<button class=button id=6C onclick="QuestSixZero();QuestSixColor()">Furnish their apartment</button>
</div>
<div row>
<button class=button id=6B onclick="QuestSixOne();QuestSixColor()">Lie in a wooden box for six
hours</button>
</div>
</div>
<div class=questionBox>
<h1>7. What happens to Rachel’s boss, Joanna, the night before her promotion goes through? </h1>
<img src="friends_image/joanna.jpg" alt="joanna">
</div>
<div class="choice">
<div row>
<button class=button id=7A onclick="QuestSevenZero();QuestSevenColor()">She falls down an elevator
shaft</button>
</div>
<div row>
<button class=button id=7C onclick="QuestSevenZero();QuestSevenColor()">She goes on a date with
Chandler</button>
</div>
<div row>
<button class=button id=7B onclick="QuestSevenOne();QuestSevenColor()">She gets hit by a taxi</button>
</div>
</div>
<div class=questionBox>
<h1>8. What was the name of the ice-dancer Phoebe was married to? </h1>
<img src="friends_image/husband.jpg" alt="husband">
</div>
<div class="choice">
<div row>
<button class=button id=8B onclick="QuestEightOne();QuestEightColor()">Duncan</button>
</div>
<div row>
<button class=button id=8A onclick="QuestEightZero();QuestEightColor()">Mike</button>
</div>
<div row>
<button class=button id=8C onclick="QuestEightZero();QuestEightColor()">Gary</button>
</div>
</div>
<div class=questionBox>
<h1>9. What was Monica’s nickname when she was a field hockey goalie? </h1>
<img src="friends_image/monica.jpg" alt="monica">
</div>
<div class="choice">
<div row>
<button class=button id=9A onclick="QuestNineZero();QuestNineColor()">Crazy Plate Lady</button>
</div>
<div row>
<button class=button id=9C onclick="QuestNineZero();QuestNineColor()">Little Harmonica</button>
</div>
<div row>
<button class=button id=9B onclick="QuestNineOne();QuestNineColor()">Big Fat Goalie</button>
</div>
</div>
<div class=questionBox>
<h1>10. What is the name of Joey’s character in the commercial for opening milk cartons? </h1>
<img src="friends_image/joey opening.png" alt="">
</div>
<div class="choice">
<div row>
<button class=button id=10A onclick="QuestTenZero();QuestTenColor()">Tommy</button>
</div>
<div row>
<button class=button id=10B onclick="QuestTenOne();QuestTenColor()">Kevin</button>
</div>
<div row>
<button class=button id=10C onclick="QuestTenZero();QuestTenColor()">Mike</button>
</div>
</div>
<div class=questionBox>
<h1>11. What is the name of the game Chandler made up when he wanted to give joey money? </h1>
<img src="friends_image/cups.jpg" alt="cups">
</div>
<div class="choice">
<div row>
<button class=button id=11A onclick="QuestElevenZero();QuestElevenColor()">Bamboozle</button>
</div>
<div row>
<button class=button id=11B onclick="QuestElevenOne();QuestElevenColor()">Cups</button>
</div>
<div row>
<button class=button id=11C onclick="QuestElevenZero();QuestElevenColor()">Foosball</button>
</div>
</div>
<div class=questionBox>
<h1>12. What is Joey's favorite food? </h1>
<img src="friends_image/eat.jpg" alt="eat">
</div>
<div class="choice">
<div row>
<button class=button id=12A onclick="QuestTwelveZero();QuestTwelveColor()">Potatoes</button>
</div>
<div row>
<button class=button id=12C onclick="QuestTwelveZero();QuestTwelveColor()">Pizzas</button>
</div>
<div row>
<button class=button id=12B onclick="QuestTwelveOne();QuestTwelveColor()">Sandwiches</button>
</div>
</div>
<div class=questionBox>
<h1>13. Chandler had a crazy roommate, what is his name? </h1>
<img src="friends_image/eddie.jpg" alt="eddie">
</div>
<div class="choice">
<div row>
<button class=button id=13A onclick="QuestThirteenZero();QuestThirteenColor()">Steve</button>
</div>
<div row>
<button class=button id=13B onclick="QuestThirteenOne();QuestThirteenColor()">Eddie</button>
</div>
<div row>
<button class=button id=13C onclick="QuestThirteenZero();QuestThirteenColor()">Marcus</button>
</div>
</div>
<div class=questionBox>
<h1>14. When Ross was stuck in a bathroom due to his leather pants, who did he called? </h1>
<img src="friends_image/ross.jpg" alt="ross">
</div>
<div class="choice">
<div row>
<button class=button id=14B onclick="QuestFourteenOne();QuestFourteenColor()">Joey</button>
</div>
<div row>
<button class=button id=14A onclick="QuestFourteenZero();QuestFourteenColor()">Phoebe</button>
</div>
<div row>
<button class=button id=14C onclick="QuestFourteenZero();QuestFourteenColor()">Chandler</button>
</div>
</div>
<div class=questionBox>
<h1>15. What was Emma's first word according to Rachel? </h1>
<img src="friends_image/emma.jpg" alt="emma">
</div>
<div class="choice">
<div row>
<button class=button id=15A onclick="QuestFifteenZero();QuestFifteenColor()">Pleba</button>
</div>
<div row>
<button class=button id=15B onclick="QuestFifteenOne();QuestFifteenColor()">Gleba</button>
</div>
<div row>
<button class=button id=15C onclick="QuestFifteenZero();QuestFifteenColor()">Treba</button>
</div>
</div>
<div class=final>
<button id=Submit onclick="result();SubmitColor()">Submit</button>
</div>
<script src="Quiz.js"></script>
</body>
</html>