Skip to content
Newer
Older
100644 96 lines (89 sloc) 3.4 KB
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored
1 <!DOCTYPE html>
2 <html data-require="math">
3 <head>
4 <title>Comparing Fractions 1</title>
5 <script src="../khan-exercise.js"></script>
6 </head>
7 <body>
8 <!--
9 Compares fractions that have the same numerator or have the same denominator.
10 TODO: would like to draw overlapping circles or rectangle slices for hints.
11 -->
12 <div class="exercise">
13 <div class="problems">
14 <div id="same-numerator">
15 <div class="vars" data-ensure="DEN_1 !== DEN_2">
16 <var id="NUM_1">randRange( 1, 14 )</var>
17 <var id="DEN_1">randRange( NUM_1 + 1, 15 )</var>
18
19 <var id="NUM_2">NUM_1</var>
20 <var id="DEN_2">randRange( NUM_2 + 1, 15 )</var>
21
22 <var id="SOLUTION">(function() {
23 if ( DEN_1 < DEN_2 ) {
24 return "&gt;";
25 } else {
26 return "&lt;";
27 }
28 })()</var>
29 <var id="MORE">DEN_1 > DEN_2 ? "more" : "fewer"</var>
30 <var id="SMALLER">DEN_1 > DEN_2 ? "smaller" : "bigger"</var>
31 <var id="LESS">DEN_1 > DEN_2 ? "less" : "more"</var>
32 <var id="BIGGER">SMALLER === "smaller" ? "bigger" : "smaller"</var>
33 </div>
34
35 <div class="problem">
36 <p>Fill in the blank.</p>
37 <p>
38 <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>}</code>
39 ____<code>\dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code>
40 </p>
41 </div>
42 <p class="solution"><var>SOLUTION</var></p>
43 <ul class="choices" data-category="true">
44 <li>&lt;</li>
45 <li>&gt;</li>
46 </ul>
47 <div class="hints">
48 <p>This is like comparing two equally sized pizzas where one is cut into <var>DEN_1</var> equal slices and the other is cut into <var>DEN_2</var> equal slices.</p>
49 <p>Note that cutting a pizza into more slices will result in smaller slices.</p>
50 <p>The left fraction represents a pizza with <var>MORE</var> slices, and so each slice is <var>SMALLER</var>.</p>
51 <p><var>NUM_1</var> <var>SMALLER</var> slices is <var>LESS</var> pizza than <var>NUM_2</var> <var>BIGGER</var> slices.</p>
52 <p>So, <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>} <var>SOLUTION</var> \dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code></p>
53 </div>
54 </div>
55
56 <div id="same-denominator">
57 <div class="vars" data-ensure="NUM_1 !== NUM_2">
58 <var id="NUM_1">randRange( 1, 14 )</var>
59 <var id="DEN_1">randRange( NUM_1 + 1, 15 )</var>
60
61 <var id="DEN_2">DEN_1</var>
62 <var id="NUM_2">randRange( 1, DEN_2 - 1 )</var>
63
64 <var id="SOLUTION">(function() {
65 if ( NUM_1 < NUM_2 ) {
66 return "&lt;";
67 } else {
68 return "&gt;";
69 }
70 })()</var>
71 <var id="LESS">NUM_1 < NUM_2 ? "less" : "more"</var>
72 </div>
73
74 <div class="problem">
75 <p>Fill in the blank.</p>
76 <p>
77 <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>}</code>
78 ____<code>\dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code>
79 </p>
80 </div>
81 <p class="solution"><var>SOLUTION</var></p>
82 <ul class="choices" data-category="true">
83 <li>&lt;</li>
84 <li>&gt;</li>
85 </ul>
86 <div class="hints">
87 <p>This is like considering two equally sized pizzas that have been cut into <var>DEN_1</var> equal slices.</p>
88 <p>Since both pizzas have the same number of slices, all the slice are the same size.</p>
89 <p><var>NUM_1</var> slices is <var>LESS</var> pizza than <var>NUM_2</var> slices.</p>
90 <p>So, <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>} <var>SOLUTION</var> \dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code></p>
91 </div>
92 </div>
93 </div>
94 </div>
95 </body>
96 </html>
Something went wrong with that request. Please try again.