-
Notifications
You must be signed in to change notification settings - Fork 0
/
GCSE_Physics_Flashcards.html
352 lines (337 loc) · 14 KB
/
GCSE_Physics_Flashcards.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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<head>
<title>Revisionline</title>
<style>
/* Define styles for the header and footer */
header {
background-color: grey;
color: teal;
padding: 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
padding-left: 15px;
}
footer {
background-color: grey;
color: lightblue;
padding: 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
padding-left: 15px;
}
/* Define styles for the menu buttons */
.menu-button {
background-color: grey;
color: lightblue;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin-right: 0px;
font-family: 'Open Sans', sans-serif;
list-style-type: none;
position: relative;
display: inline-flex;
align-items: center;
}
.menu-button ul {
display: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
background-color: grey;
z-index: 1;
}
.menu-button:hover ul {
display: inline-block;
}
.menu-button li {
margin: 0;
padding: 5px;
list-style-type: none;
}
/* Define styles for the main content */
.main-content {
background-color: white;
padding: 0px;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
body {
font-size: 18px;
line-height: 1.5;
margin: 0;
padding: 0;
}
.contact-button {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: white;
background-color: teal;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#flashcard {
border: 1px solid black;
padding: 40px 20px 20px 20px !important;
margin: 20px;
width: 600px;
height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 18px;
margin: 0 auto;
background-color: lightblue;
}
.next-button {
position: absolute;
bottom: 20px;
right: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<img src="logo.png">
<div>
<ul>
<li class="menu-button">
<a href="index.html" class="menu-button">Home</a>
<li class="menu-button">
Physics
<ul>
<li><a href="GCSE_Physics.html">GCSE Physics</a></li>
<li><a href="Alevel_Physics.html">A level Physics</a></li>
</ul>
</li>
<li class="menu-button">
Chemistry
<ul>
<li><a href="GCSE_Chem.html">GCSE Chemistry</a></li>
<li><a href="Alevel_Chem.html">A level Chemistry</a></li>
</ul>
</li>
<li class="menu-button">
Maths
<ul>
<li><a href="mathsmatrix.revisionline.co.uk">Maths</a></li>
</ul>
<li class="menu-button">
Biology
<ul>
<li><a href="GCSE_bio.html">GCSE Biology</a></li>
<li><a href="Alevel_bio.html">A level Biology</a></li>
</ul>
</li>
<div class="main-content">
<h1> GCSE Physics Revision: Revision Cards </h1>
<div id="flashcard">
<div id="question"></div>
<div id="answer" style="display: none;"></div>
</div>
<button id="back-button">Back</button>
<button id="next-button" onclick="showNext()">Next</button>
<script>
const flashcards = [
{
question: "What is the equation for kinetic energy?",
answer: "KE = 0.5 x m x v^2"
},
{
question: "What is the equation for gravitational potential energy?",
answer: "GPE = mgh"
},
{
question: "What is Ohm's Law?",
answer: "V = IR"
},
{
question: "What is the formula for pressure?",
answer: "P = F/A"
},
{
question: "What is the unit for power?",
answer: "Watt (W)"
},
{
question: "What is the formula for efficiency?",
answer: "Efficiency = (useful energy output / total energy input) x 100%"
},
{
question: "What is the difference between mass and weight?",
answer: "Mass is the amount of matter in an object, whereas weight is the force exerted on an object due to gravity."
},
{
question: "What is the principle of moments?",
answer: "The principle of moments states that for an object in equilibrium, the sum of the clockwise moments about any point must be equal to the sum of the anticlockwise moments about the same point."
},
{
question: "What is the relationship between force, mass, and acceleration?",
answer: "Force = mass x acceleration"
},
{
question: "What is the equation for momentum?",
answer: "p = mv"
},
{
question: "What is the difference between speed and velocity?",
answer: "Speed is the distance traveled per unit time, whereas velocity is the displacement per unit time (i.e., speed in a specific direction)."
},
{
question: "What is the formula for acceleration?",
answer: "a = (v - u) / t"
},
{
question: "What is the difference between a scalar quantity and a vector quantity?",
answer: "A scalar quantity has only magnitude (e.g., speed), whereas a vector quantity has both magnitude and direction (e.g., velocity)."
},
{
question: "What is the difference between elastic and inelastic collisions?",
answer: "In an elastic collision, both momentum and kinetic energy are conserved, whereas in an inelastic collision, only momentum is conserved."
},
{
question: "What is the law of conservation of energy?",
answer: "The law of conservation of energy states that energy cannot be created or destroyed, only transferred or transformed from one form to another."
},
{
question: "What is the difference between a conductor and an insulator?",
answer: "A conductor is a material that allows electricity to flow through it easily, whereas an insulator is a material that resists the flow of electricity."
},
{
question: "What is the formula for voltage?",
answer: "V = IR"
},
{
question: "What is the difference between direct current (DC) and alternating current (AC)?",
answer: "DC flows in only one direction, whereas AC alternates in direction."
},
{
question: "What is the difference between a series circuit and a parallel circuit?",
answer: "In a series circuit, the components are connected in a line, whereas in a parallel circuit, the components are connected across multiple branches."
},
{
question: "What is the difference between a concave lens and a convex lens?",
answer: "A concave lens is thinner in the middle than at the edges and diverges light rays, whereas a convex lens is thicker in the middle than at the edges and converges light rays."
},
{
question: "What is the difference between reflection and refraction?",
answer: "Reflection is the bouncing back of light rays from a surface, whereas refraction is the bending of light rays as they pass through a medium with a different refractive index."
},
{
question: "What is the difference between radio waves and microwaves?",
answer: "Radio waves have longer wavelengths and lower frequencies than microwaves."
},
{
question: "What is the difference between a primary color and a secondary color?",
answer: "A primary color is a color that cannot be produced by mixing other colors, whereas a secondary color is a color produced by mixing two primary colors."
},
{
question: "What is the difference between longitudinal waves and transverse waves?",
answer: "In longitudinal waves, the vibration is in the same direction as the wave propagation, whereas in transverse waves, the vibration is perpendicular to the wave propagation."
},
{
question: "What is the difference between a simple pendulum and a compound pendulum?",
answer: "A simple pendulum consists of a mass (bob) suspended from a fixed point by a string, whereas a compound pendulum consists of a rigid body suspended from a fixed point and oscillating about a pivot point."
},
{
question: "What is the difference between nuclear fission and nuclear fusion?",
answer: "Nuclear fission is the process of splitting a heavy nucleus into lighter nuclei, whereas nuclear fusion is the process of combining two lighter nuclei into a heavier nucleus."
},
{
question: "What is the difference between a magnetic field and an electric field?",
answer: "A magnetic field is produced by moving charges or magnets and exerts a force on moving charges, whereas an electric field is produced by stationary charges and exerts a force on other charges."
},
{
question: "What is the difference between a thermistor and an LDR?",
answer: "A thermistor is a resistor that changes resistance with temperature, whereas an LDR is a resistor that changes resistance with light intensity."
},
{
question: "What is the difference between a converging lens and a diverging lens?",
answer: "A converging lens is thicker in the middle than at the edges and converges light rays, whereas a diverging lens is thinner in the middle than at the edges and diverges light rays."
},
{
question: "What is the difference between a stationary wave and a progressive wave?",
answer: "In a stationary wave, the wave appears to be standing still and does not propagate through space, whereas in a progressive wave, the wave propagates through space."
},
{
question: "What is the difference between a step-up transformer and a step-down transformer?",
answer: "A step-up transformer increases the voltage from the primary to the secondary coil, whereas a step-down transformer decreases the voltage from the primary to the secondary coil."
},
{
question: "What is the difference between a cathode ray tube (CRT) and a liquid crystal display (LCD)?",
answer: "A CRT uses a beam of electrons to create an image on a phosphorescent screen, whereas an LCD uses a backlight and liquid crystals to create an image."
},
{
question: "What is the difference between a geostationary satellite and a polar satellite?",
answer: "A geostationary satellite orbits the Earth at the same rate as the Earth's rotation and stays above the same point on the equator, whereas a polar satellite orbits the Earth from north to south (or vice versa) and passes over the poles."
}
];
let currentFlashcardIndex = 0;
const flashcardElement = document.getElementById("flashcard");
const questionElement = document.getElementById("question");
const answerElement = document.getElementById("answer");
function showNext() {
currentFlashcardIndex++;
if (currentFlashcardIndex >= flashcards.length) {
currentFlashcardIndex = 0;
}
questionElement.innerText = flashcards[currentFlashcardIndex].question;
answerElement.innerText = flashcards[currentFlashcardIndex].answer;
answerElement.style.display = "none";
}
function showPrevious() {
currentFlashcardIndex--;
if (currentFlashcardIndex < 0) {
currentFlashcardIndex = flashcards.length - 1;
}
questionElement.innerText = flashcards[currentFlashcardIndex].question;
answerElement.innerText = flashcards[currentFlashcardIndex].answer;
answerElement.style.display = "none";
}
function showRandom() {
const randomIndex = Math.floor(Math.random() * flashcards.length);
questionElement.innerText = flashcards[randomIndex].question;
answerElement.innerText = flashcards[randomIndex].answer;
answerElement.style.display = "none";
}
flashcardElement.addEventListener("click", function() {
answerElement.style.display = "block";
});
const backButtonElement = document.getElementById("back-button");
backButtonElement.addEventListener("click", showPrevious);
const nextButtonElement = document.getElementById("next-button");
nextButtonElement.addEventListener("click", showNext);
document.addEventListener("keydown", function(event) {
if (event.key === "ArrowLeft") {
showPrevious();
} else if (event.key === "ArrowRight") {
showNext();
} else if (event.key === " ") { // Added event listener for spacebar
answerElement.style.display = "block";
}
});
const shuffleButtonElement = document.createElement("button");
shuffleButtonElement.innerText = "Shuffle";
shuffleButtonElement.addEventListener("click", showRandom);
const mainContentElement = document.querySelector(".main-content");
mainContentElement.appendChild(shuffleButtonElement);
showNext();
</script>
</body>
<footer> © 2023 Revisionline, All rights reserved. <a href="mailto:[email protected]" class="contact-button">E- mail</a></footer>
</html>