-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
207 lines (195 loc) · 8.46 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Fermi Questions</title>
<meta
name="description"
content="Fermi Questions Online Practice Site for Science Olympiad"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Eric Andrechek" />
<link rel="alternate" hreflang="en-us" href="https://andrechek.com" />
<link rel="stylesheet" href="styles.css" />
<script src="script.js"></script>
<script async src="fermi.js"></script>
<link
rel="stylesheet"
rel="preconnect"
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
/>
<script
rel="preconnect"
src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"
></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-9M246KXNV1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-9M246KXNV1');
</script>
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8282094253815988"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="content-container">
<div class="hero-body">
<div class="title">Fermi Questions Online Practice Test</div>
<div class="subtitle">
The <i>BEST</i> Open-Source Fermi Questions Practice Test
for Science Olympiad
</div>
<a
href="javascript:document.getElementById('howto').classList.toggle(`hidden`);"
>
<span class="subtitle fermi-dropdown"
>How do Fermi Questions Work?
</span>
<svg
id="angle-down"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 384 512"
>
<!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path
d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"
/>
</svg>
</a>
<div id="howto" class="content hidden">
A Fermi question is one where a seemingly
impossible-to-calculate answer is estimated. A famous
example of a Fermi question is "How many licks does it take
to get to the center of a tootsie roll pop?", where there is
very little data to use and assumptions must be made. Fermi
questions are named after Enrico Fermi, a physicist who is
known for solving these types of questions.
<br /><br />
In Science Olympiad, answers to Fermi questions are given in
powers of ten. For example, an estimated answer to the above
question of 400 licks is put in scientific notation as
4⋅10<sup>2</sup>, and the exponent on the ten is used as the
answer, yielding 2. If the estimate was 600 licks, or
6⋅10<sup>2</sup>, then the answer would be 3, rounding up.
<br /><br />
Points are usually given as follows:
<br /><br />
5 points for the correct power of ten
<br />
3 points for one away from the correct power of ten
<br />
1 point for two away from the correct power of ten
<br /><br />
For example, if the correct answer to the number of licks to
the center of a tootsie roll pop is 2, and the given answer
is 2 , five points are awarded. If the given answer is 3 or
1 , 3 points are awarded, and if the given answer is 4 or 0,
one point is awarded. All other answers would receive 0
points.
<br />
<br />
<div class="content">
Still stuck? Have more questions as to how this works?
Click
<a
href="https://scioly.org/wiki/index.php/Fermi_Questions"
>here</a
>.
</div>
</div>
<br />
<br />
<div class="field">
<label class="label" id="fermi-question"></label>
<div class="control">
<input
onkeypress="enter(event)"
class="input"
id="fermi-answer"
type="number"
pattern="[0-9]*"
/>
</div>
</div>
<button
onclick="negate_answer()"
title="Negate your answer"
id="negate-button"
class="button is-link"
>
+/-
</button>
<button
onclick="check_answer()"
id="fermi-button"
class="button is-link"
>
Check Answer
</button>
<div id="result" class="content"></div>
<div id="score" class="content">
You currently have: <span id="points">0</span> points<br />
You are on question: <span id="qnumber">0</span>/<span
id="tnumber"
></span
><br />
</div>
<div id="fermi-source" class="content"></div>
</div>
</div>
<div class="callouts hero-body">
<hr />
<div class="content">
Enjoy this site? Read
<a href="donate"
>about it, or consider donating or sponsoring it</a
>! Alternatively, just give it a star on Github!
<br />
<div class="button-underneath gh-btn" id="btn-star"></div>
</div>
<div class="content">
Want to add more questions and answers to this list? Notice an
incorrect answer? Have suggestions to make the website better?
<a href="https://github.com/EricAndrechek/FermiQuestions/issues"
>Open an issue</a
>
to contribute.
<br />
<div class="button-underneath gh-btn" id="btn-issue"></div>
</div>
</div>
<footer class="footer">
<div class="columns">
<div class="column is-half-tablet margin-left">
Website by: <strong>Eric Andrechek</strong>
<br />
<br />
<p class="has-text-grey-light">
Website content licensed
<a
rel="license"
href="https://www.gnu.org/licenses/gpl-3.0.en.html"
>GPL-3</a
>
</p>
</div>
<div class="column is-half-tablet margin-left">
<span class="gh-btn" id="btn-follow"></span>
<br />
<span class="gh-btn" id="btn-sponsor"></span>
</div>
<div class="column"></div>
</div>
</footer>
</body>
</html>