Skip to content
Newer
Older
100644 117 lines (109 sloc) 4.24 KB
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
1 <!DOCTYPE html>
1d5ae91 @marcia Two graph divs instead of one
marcia authored Jun 13, 2011
2 <html data-require="math graph word-problems">
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
3 <head>
4 <title>Comparing Fractions 1</title>
5 <script src="../khan-exercise.js"></script>
6 </head>
7 <body>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
8 <!--
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
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>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
18
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
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>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
34
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
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">
ababc88 @marcia Add a pie to comparing fractions
marcia authored Jun 13, 2011
48 <div>
49 <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>
1d5ae91 @marcia Two graph divs instead of one
marcia authored Jun 13, 2011
50 <div style="height: 200px;">
51 <div class="graph" style="width: 200px; height: 200px; float: left;">
52 piechart( [NUM_1, DEN_1 - NUM_1], ["#ee0000", "#999"], 50 );
53 </div>
54 <div class="graph" style="width:200px; height: 200px; float: left;">
55 piechart( [NUM_2, DEN_2 - NUM_2], ["#ee0000", "#999"], 50 );
56 </div>
ababc88 @marcia Add a pie to comparing fractions
marcia authored Jun 13, 2011
57 </div>
58 </div>
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
59 <p>Note that cutting a pizza into more slices will result in smaller slices.</p>
60 <p>The left fraction represents a pizza with <var>MORE</var> slices, and so each slice is <var>SMALLER</var>.</p>
1d5ae91 @marcia Two graph divs instead of one
marcia authored Jun 13, 2011
61 <p><var>NUM_1</var> <var>SMALLER</var> slice<var>plural( NUM_1 )</var> is <var>LESS</var> pizza than <var>NUM_2</var> <var> BIGGER</var> slice<var>plural( NUM_2 )</var>.</p>
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
62 <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>
63 </div>
64 </div>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
65
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
66 <div id="same-denominator">
67 <div class="vars" data-ensure="NUM_1 !== NUM_2">
68 <var id="NUM_1">randRange( 1, 14 )</var>
69 <var id="DEN_1">randRange( NUM_1 + 1, 15 )</var>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
70
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
71 <var id="DEN_2">DEN_1</var>
72 <var id="NUM_2">randRange( 1, DEN_2 - 1 )</var>
73
74 <var id="SOLUTION">(function() {
75 if ( NUM_1 < NUM_2 ) {
76 return "&lt;";
77 } else {
78 return "&gt;";
79 }
80 })()</var>
81 <var id="LESS">NUM_1 < NUM_2 ? "less" : "more"</var>
82 </div>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
83
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
84 <div class="problem">
85 <p>Fill in the blank.</p>
86 <p>
87 <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>}</code>
88 ____<code>\dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code>
89 </p>
90 </div>
91 <p class="solution"><var>SOLUTION</var></p>
92 <ul class="choices" data-category="true">
93 <li>&lt;</li>
94 <li>&gt;</li>
95 </ul>
96 <div class="hints">
ababc88 @marcia Add a pie to comparing fractions
marcia authored Jun 13, 2011
97 <div>
98 <p>This is like considering two equally sized pizzas that have been cut into <var>DEN_1</var> equal slices.</p>
99 <p>Since both pizzas have the same number of slices, all the slice are the same size.</p>
1d5ae91 @marcia Two graph divs instead of one
marcia authored Jun 13, 2011
100 <div style="height: 200px;">
101 <div class="graph" style="width: 200px; height: 200px; float: left;">
102 piechart( [NUM_1, DEN_1 - NUM_1], ["#ee0000", "#999"], 50 );
103 </div>
104 <div class="graph" style="width:200px; height: 200px; float: left;">
105 piechart( [NUM_2, DEN_2 - NUM_2], ["#ee0000", "#999"], 50 );
106 </div>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
107 </div>
ababc88 @marcia Add a pie to comparing fractions
marcia authored Jun 13, 2011
108 </div>
1d5ae91 @marcia Two graph divs instead of one
marcia authored Jun 13, 2011
109 <p><var>plural( NUM_1, "slice" )</var> is <var>LESS</var> pizza than <var>plural( NUM_2, "slice" )</var>.</p>
a0106e4 @marcia Add exercise -- comparing fractions 1
marcia authored Jun 6, 2011
110 <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>
111 </div>
112 </div>
113 </div>
114 </div>
115 </body>
6371709 @spicyj Whitespace cleanup!
spicyj authored Jun 21, 2011
116 </html>
Something went wrong with that request. Please try again.