This repository has been archived by the owner on May 11, 2021. It is now read-only.
/
equivalent_fractions.html
99 lines (90 loc) · 3.96 KB
/
equivalent_fractions.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
<!DOCTYPE html>
<html data-require="math graphie graphie-helpers word-problems">
<head>
<meta charset="UTF-8" />
<title>Equivalent fractions</title>
<script src="../khan-exercise.js"></script>
</head>
<body>
<div class="exercise">
<div class="vars" data-ensure="A < B">
<var id="A">randRange( 1, 3 )</var>
<var id="B">randRange( 2, 4 )</var>
<var id="M">randRange(2, 3)</var>
<var id="C">A * M</var>
<var id="D">B * M</var>
<var id="SYMBOL">binop( 1 )</var>
</div>
<div class="problems">
<div>
<p class="question">What number could replace <code><var>SYMBOL</var></code> below?</p>
<p><code>\dfrac{<var>A</var>}{<var>B</var>} = \dfrac{<var>SYMBOL</var>}{<var>D</var>}</code></p>
<div class="solution" data-forms="integer"><var>C</var></div>
<div class="hints">
<div>
<p>The fraction on the left represents <var>A</var> out of <var>B</var> slices of a rectangular <var>pizza( 1 )</var>.</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [A, B - A], ["#e00", "#999"] );
</div>
</div>
<div>
<p>What if we cut the <var>pizza( 1 )</var> into <var>D</var> slices instead? How many slices would result in the same amount of <var>pizza( 1 )</var>?</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [0, D], ["#e00", "#999"] );
</div>
</div>
<div>
<p>We would need <var>C</var> slices.</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [C, D - C], ["#e00", "#999"] );
</div>
</div>
<p><code>\dfrac{<var>A</var>}{<var>B</var>} = \dfrac{<var>C</var>}{<var>D</var>}</code> and so the answer is <code><var>C</var></code>.</p>
<div>
<p>Another way to get the answer is to multiply by <code>\dfrac{<var>M</var>}{<var>M</var>}</code>.</p>
<p><code>\dfrac{<var>M</var>}{<var>M</var>} = \dfrac{1}{1} = 1</code> so really we are multiplying by 1.</p>
</div>
<p>The final equation is: <code>\dfrac{<var>A</var>}{<var>B</var>} \times \dfrac{<var>M</var>}{<var>M</var>} = \dfrac{<var>C</var>}{<var>D</var>} </code> so our answer is <code><var>C</var></code>.</p>
</div>
</div>
<div>
<p class="question">What number could replace <code><var>SYMBOL</var></code> below?</p>
<p><code>\dfrac{<var>A</var>}{<var>B</var>} = \dfrac{<var>C</var>}{<var>SYMBOL</var>}</code></p>
<div class="solution" data-forms="integer"><var>D</var></div>
<div class="hints">
<div>
<p>The fraction on the left represents <var>A</var> out of <var>B</var> slices of a rectangular <var>pizza( 1 )</var>.</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [A, B - A], ["#e00", "#999"] );
</div>
</div>
<div>
<p>How many total slices would we need if we want the same amount of <var>pizza( 1 )</var> in <var>C</var> slices? </p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [C, D - C], ["#e00", "#fff"] );
</div>
</div>
<div>
<p>We would need to cut the <var>pizza( 1 )</var> into <var>D</var> slices.</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [180, 25] });
rectchart( [C, D - C], ["#e00", "#999"] );
</div>
</div>
<p><code>\dfrac{<var>A</var>}{<var>B</var>} = \dfrac{<var>C</var>}{<var>D</var>}</code> and so the answer is <code><var>D</var></code>.</p>
<div>
<p>Another way to get the answer is to multiply by <code>\dfrac{<var>M</var>}{<var>M</var>}</code>.</p>
<p><code>\dfrac{<var>M</var>}{<var>M</var>} = \dfrac{1}{1} = 1</code> so really we are multiplying by 1.</p>
</div>
<p>The final equation is: <code>\dfrac{<var>A</var>}{<var>B</var>} \times \dfrac{<var>M</var>}{<var>M</var>} = \dfrac{<var>C</var>}{<var>D</var>} </code> so our answer is <code><var>D</var></code>.</p>
</div>
</div>
</div>
</div>
</body>
</html>