102 | DARK ENERGY: Hypothetical energy, acts as a repulsive force counteracting gravity, causing the expansion of the Universe to accelerate.
103 |
104 |
105 | LIGHT CONE: Visual representation of light and information in spacetime. It shows regions accessible in the future and past from a certain event.
106 |
107 |
108 | UFO: Unidentified Flying Object, any aerial phenomenon that cannot be identified. UAP: Unidentified aerial phenomena, is UFO's more scientific term coined recently.
109 |
110 |
111 | NEBULA: Cloud of gas and dust in space, remnant materials from dying stars and birthplace of new stars.
112 |
113 |
114 | COMET: Celestial body consisting of rocky debris and ice. When it orbits closer to the Sun, its surface is melted by the heat, forming a glowing tail.
115 |
116 |
117 | SPACETIME: Concept that unifies 3-D space and 1-D time to form a 4-D continuum. One can think of this as a stretchy rubber sheet that can be curved by massive objects.
118 |
119 |
120 | DARK MATTER: Hypothetical matter that doesn't emit light, essential for explaining the Universe's structure. (otherwise we'll be flying apart! look up the rotation curve, it's pretty cool.)
121 |
122 |
123 | METEORITE: Rock from space, it can be fragment of a comet, asteroid, or meteoroid that survives its journey through the atmosphere and lands on Earth.
124 |
125 |
126 | BLACK HOLE: A region in space where gravity is so strong that not even light can escape from it. It can be formed from the collapse of massive stars.
127 |
128 |
129 | SUPERNOVA: Explosion of super massive star as it's dying, releasing an immense amount of energy. It's super bright but only stays for a while.
130 |
131 |
132 | GRAVITY: Force that governs the attraction between objects with mass. It made apple fell on Newton's head! (or Newton's head accelerated at 9.81 m/s² up to the apple, who knows?)
133 |
134 |
135 | COSMIC HAND: Cosmology; remnants of a collapsed giant star, shaped like a hand. Physics; a metaphor for an external force. For example, When adding a new charge to a system, the "cosmic hand" does work opposite in magnitude to the electric field, given that charges start & end at rest.
136 |
137 |
138 | SATELLITE: Object that moves around another object. We mostly use this term to refer to a device sent to space to orbit around an object of interest, it can operate to collect information or for telecommunications purposes.
139 |
140 |
141 | THE SUN: The star of our solar system! The Earth and other planets orbit around the Sun, it provides us light and warmth. Sunlight takes 8 minutes to reach earth!
142 |
143 |
144 | GALAXY: Systems of stars, gasses, dusts, held together by gravitational attraction. Our solar system is located within the Milky Way galaxy. Galaxies have diverse shapes, colors, and forms, reflecting their varying ages, formations, and evolutionary histories.
145 |
146 |
147 | ROCKET: Vehicle that moves by expelling gases produced by burning fuel. It is used for space travel, satellite launches, and other purposes.
148 |
149 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/finalscript.js:
--------------------------------------------------------------------------------
1 | // please do not use my source code without my permission, I put a lot of effort into it and please do let me know if you want to clone it, use it for your project, I begggg
2 |
3 | const questions = [
4 | {
5 | question: "Q1/12: You're taking the bus on your way back home. It's been a loooong day, what are you thinking about?",
6 | image: "images/Q1.gif",
7 | answers: {
8 | F: {
9 | text: "I'm just so tired and can't wait to go home. Why does everyday feel the same...",
10 | scores: { T: 0, F: +1 },
11 | },
12 | T: {
13 | text: "Should I rest or work first when I get home? Most importantly, what's for dinner?",
14 | scores: { T: +1, F: 0 },
15 | },
16 | },
17 | },
18 | {
19 | question: "Q2/12: You look outside the windows, seems like it's going to rain soon. Suddenly everything turns into darkness!!",
20 | image: "images/Q2.gif",
21 | answers: {
22 | J: {
23 | text: "I don't remember this tunnel. *Pull out your phone to look at the map*",
24 | scores: { P: 0, J: +1 },
25 | },
26 | P: {
27 | text: "*Turn around to see the other's reaction* Should I ask the driver what's going on?",
28 | scores: { P: +1, J: 0 },
29 | },
30 | },
31 | },
32 | {
33 | question: "Q3/12: Before you can do anything, the bus stops and everything around you floats up!",
34 | image: "images/Q3.gif",
35 | answers: {
36 | S: {
37 | text: "Ok this is weird, am I dreaming? *pinch your arm*",
38 | scores: { S: +1, N: 0 },
39 | },
40 | N: {
41 | text: "Is this a prank? Am I getting kidnapped by aliens?!",
42 | scores: { S: 0, N: +1 },
43 | },
44 | },
45 | },
46 | {
47 | question: "Q4/12: Amidst the surprise, your eyes catch something drifting past the window.",
48 | image: "images/Q4.gif",
49 | answers: {
50 | F: {
51 | text: "Woahhh...so many cats! How cute!! I wanna give them a hug!",
52 | scores: { T: 0, F: +1 },
53 | },
54 | T: {
55 | text: "Cats? In space? That's kinda odd... How do they survive out there?!",
56 | scores: { T: +1, F: 0 },
57 | },
58 | },
59 | },
60 | {
61 | question: "Q5/12: 'Welcome Aboard!' a small robot appears and announces, 'We will reach our destination in 5 months 6 days and 2 hours!'",
62 | image: "images/Q5.gif",
63 | answers: {
64 | P: {
65 | text: "Cool! A space cruise?! Where are we going? Do I get a spacesuit? This is so exciting!",
66 | scores: { P: +1, J: 0 },
67 | },
68 | J: {
69 | text: "Hey uh...Am I in space? How did I get here? When can I go home?! Why..",
70 | scores: { P: 0, J: +1 },
71 | },
72 | },
73 | },
74 | {
75 | question: "Q6/12: The robot just points to the back of the bus which now looks more like inside of a spaceship! What do you want to see first?",
76 | image: "images/Q6.gif",
77 | answers: {
78 | I: {
79 | text: "Solar system themed fountain in the middle. I want to take pictures with it.",
80 | scores: { I: 0, E: +1 },
81 | },
82 | E: {
83 | text: "Cozy corner with a massaging chair. I need to sit down and process.",
84 | scores: { I: +1, E: 0 },
85 | },
86 | },
87 | },
88 | {
89 | question: "Q7/12: On the way back to your seat, you are surrounded by cats! 'Unauthorized passenger detected, CAPTURE CAPTURE!'",
90 | image: "images/Q7.gif",
91 | answers: {
92 | S: {
93 | text: "Woah! What do you mean unauthorized? I'm the passenger of this cruise!",
94 | scores: { S: +1, N: 0 }
95 | },
96 | N: {
97 | text: "Ok, I have no idea what's going on. How about we calm down and chat for a bit?",
98 | scores: { S: 0, N: +1 },
99 | },
100 | },
101 | },
102 | {
103 | question: "Q8/12: Suddenly, the robot glides in, it whispers something to the cats that makes them stop.",
104 | image: "images/Q8.gif",
105 | answers: {
106 | E: {
107 | text: "Bob!! Thank you! You come to save me, right?",
108 | scores: { E: +1, I: 0 },
109 | },
110 | I: {
111 | text: "HA! That's right! Back off, cats! Am I safe to go now?!",
112 | scores: { E: 0, I: +1 },
113 | },
114 | },
115 | },
116 | {
117 | question: "Q9/12: The robot transforms into a giant vacuum cleaner, the cats use it to point at you!",
118 | image: "images/Q9.gif",
119 | answers: {
120 | J: {
121 | text: "Throw your coat at them as distraction, run towards the big green 'EXIT' sign!",
122 | scores: { J: +1, P: 0 },
123 | },
124 | P: {
125 | text: "Run in random direction, confuse them, blend in with the crowd!",
126 | scores: { J: 0, P: +1 },
127 | },
128 | },
129 | },
130 | {
131 | question: "Q10/12: You run past the gift shop. Looks like you got rid of them. It wouldn't hurt to get some souvenirs, right?",
132 | image: "images/Q10.gif",
133 | answers: {
134 | F: {
135 | text: "Get the Jupiter headphone, wear it to hear people's thoughts!",
136 | scores: { F: +1, T: 0 },
137 | },
138 | T: {
139 | text: "Get the Mars watch, turn it and you can time travel!",
140 | scores: { F: 0, T: +1 },
141 | },
142 | },
143 |
144 | },
145 | {
146 | question: "Q11/12: The giant vacuum cleaner suddenly emerges in front of you! You're sucked into its vortex!!!",
147 | image: "images/Q11.gif",
148 | answers: {
149 | S: {
150 | text: "It's ok, this is just a dream! I'll wake up soon! *close your eyes and give up*",
151 | scores: { S: +1, N: 0 },
152 | },
153 | N: {
154 | text: "I'll find the way out! Maybe there are some secret doors! *look around for the way out*",
155 | scores: { S: 0, N: +1 },
156 | },
157 | },
158 | },
159 | {
160 | question: "Q12/12: After a moment of darkness, you find yourself back in the bus. 'Are you alright?' the ticket inspector asks",
161 | image: "images/Q12.gif",
162 | answers: {
163 | I: {
164 | text: "Woah! I thought I was captured... Nevermind! I'm alright now, I guess? *panic in silence*",
165 | scores: { E: 0, I: +1 },
166 | },
167 | E: {
168 | text: "You won't believe it...I think I just had the wildest dream ever! *tell him about your space adventure*",
169 | scores: { E: +1, I: 0 },
170 | },
171 | },
172 | },
173 | {
174 | question: "When you look up again, the inspector's already gone. You glance outside the window, darkness creeps in as the bus enters another tunnel...",
175 | image: "images/Q13.gif",
176 | answers: {
177 | K: {
178 | text: "Wait...was that Bob?",
179 | },
180 | U: {
181 | text: "Oh no...Do I have to go through this again?",
182 | },
183 | },
184 | },
185 | ];
186 |
187 | const resultOptions = {
188 | "ISTJ": {
189 | image: "1DE.png",
190 | },
191 | "ISFJ": {
192 | image: "2light.png"
193 | },
194 | "INFJ": {
195 | image: "3UFO.png"
196 | },
197 | "INTJ": {
198 | image: "4nebula.png"
199 | },
200 | "ISTP": {
201 | image: "5comet.png"
202 | },
203 | "ISFP": {
204 | image: "6ST.png"
205 | },
206 | "INFP": {
207 | image: "7DM.png"
208 | },
209 | "INTP": {
210 | image: "8met.png"
211 | },
212 | "ESTP": {
213 | image: "9BH.png"
214 | },
215 | "ESFP": {
216 | image: "10Sn.png"
217 | },
218 | "ENFP": {
219 | image: "11Grav.png"
220 | },
221 | "ENTP": {
222 | image: "12hand.png"
223 | },
224 | "ESTJ": {
225 | image: "13sat.png"
226 | },
227 | "ESFJ": {
228 | image: "14sun.png"
229 | },
230 | "ENFJ": {
231 | image: "15gal.png"
232 | },
233 | "ENTJ": {
234 | image: "16rocket.png"
235 | },
236 |
237 | };
238 |
239 | let currentQuestion = 0;
240 | // let userAnswers = {};
241 |
242 |
243 | function displayQuestion() {
244 | const quizElement = document.getElementById('quiz');
245 | const question = questions[currentQuestion];
246 | if (question) {
247 | let html = `
28 | Acknowledgement
29 | Thanks to my family for being my number one fans,
30 | my sister for tons of support, they really are amazing.
31 | My friends who I forced to play this quiz.
32 | That person who asked my MBTI last year and led me to making this six months long project.
33 | The cat that ignores me but totally makes my day.
34 | You guys for playing this quiz <3.
35 |
104 | 
107 | 
110 | 
113 | 
116 | 
119 | 
122 | 
125 | 
128 | 
131 | 
134 | 
137 | 
140 | 
143 | 
146 | 
149 | 
75 | 
168 | 
56 | 
57 | 
58 | 
59 | 
60 | 
61 | 
62 | 
63 | 
64 | 
65 | 
66 | 
67 | 
68 | 
69 | 
70 | 
71 | 
21 |
22 | 
19 |