-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtakeTest.html
124 lines (103 loc) · 3.47 KB
/
takeTest.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
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;
background-color:#00F6FF}
#menubar{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: fixed;
top: 0;
width: 100%;
font-size: 25px
}
#dot{
}
p{
font-size: 25px
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #CD02F2;
}
</style>
<div style="margin-top:30px;background-color:#ADD8E6;height:895px;">
</head>
<body>
<ul id="menubar">
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/final_project.html">Home</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/immigration.html">Immigration</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/race.html">Race</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/age.html">Age</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/religion.html">Religion</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/gender.html">Gender</a></li>
<li><a href="file:///C:/Users/Prudential/Desktop/Final_Project/takeTest.html">Take the Test</a></li>
</ul>
<br>
<br>
<center><h1>Take The Test</h1></center>
<center><p>
This game will allow you to find out if you are biased or not.
Please answer all of the questions honestly to the best of your ability.
</p></center>
<center><b>
Keep in mind that we are not entitled to tell you if you are biased or not.
Just keep an open mind.
</b></center>
<center>
<h3> Who is a terrorist?</h3>
<div class="container">
<button class="btn"><img src="Muslim.jpg" alt="Snow" width="244" height="212" onclick="myFunction1()"></button>
<button class="btn"><img src="smiling criminal.jpg" alt="Snow" width="244" height="212" onclick="myFunction2()"></button>
<button class="btn"><img src="terrorist 1.jpg" alt="Snow" width="244" height="212" onclick="myFunction3()"></button>
<p id="demo" onclick="myFunction1()"></p>
<p id="demo" onclick="myFunction2()"></p>
<p id="demo" onclick="myFunction3()"></p>
<script>
function myFunction1() {
document.getElementById("demo").innerHTML = "Not";
}
function myFunction2() {
document.getElementById("demo").innerHTML = "Not";
}
function myFunction3() {
document.getElementById("demo").innerHTML = " A Bomber (domestic terrorist)";
}
</script>
<div class="container">
<button class="btn"><a href="file:///C:/Users/Prudential/Desktop/Final_Project/game2.html">Next</a></button>
</div>
</div>
</center>
<div><center>
<p>
Discrimination has no true logical point in existing in the human race.
<br>
It's only results are pointing out the differences between people and seperating us even more.
If people actually took the time to look at each other and think, they would realize that we are not that much different.
What we should be focusing on is creating a better world for the future generation that will harbor this world and teaching them to teach their kids to take care of this earth.</li>
If you judge the color of your skin then you have no right to judge in the first place. People should be judged by their character.</p>
</center></div>
<br><br><br><br><br>
<center><font size="2" color="black">
© 2019 Robyn, Kailynn, Angie. All Rights Reserved.
</font></center>
<div style="background-color:#ADD8E6;">
</body>
</html>