This repository has been archived by the owner on May 11, 2021. It is now read-only.
/
subtracting_fractions.html
51 lines (46 loc) · 2.23 KB
/
subtracting_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
<!DOCTYPE html>
<html data-require="math math-format">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Subtracting fractions</title>
<script data-main="../local-only/main.js" src="../local-only/require.js"></script>
</head>
<body>
<div class="exercise">
<div class="problems">
<div>
<div class="vars" data-ensure="N1/D1 > N2/D2">
<div data-ensure="D1 !== D2">
<var id="D1">randFromArray(smallDenominators)</var>
<var id="D2">randFromArray(smallDenominators)</var>
</div>
<var id="N1">randRangeExclude(1, 9, [D1])</var>
<var id="N2">randRangeExclude(1, 9, [D2])</var>
<var id="LCM">getLCM(D1, D2)</var>
<var id="F1">LCM / D1</var>
<var id="F2">LCM / D2</var>
<var id="GCD">getGCD(F1 * N1 - F2 * N2, LCM)</var>
</div>
<p class="question"><code><var>fraction(N1, D1)</var> - <var>fraction(N2, D2)</var> = {?}</code></p>
<p class="solution" data-type="rational"><var>N1 / D1 - N2 / D2</var></p>
<div class="hints">
<p><code>
\qquad = \blue{\dfrac{<var>N1</var> \times <var>F1</var>}{<var>D1</var> \times <var>F1</var>}} -
\green{\dfrac{<var>N2</var> \times <var>F2</var>}{<var>D2</var> \times <var>F2</var>}}
</code></p>
<p><code>
\qquad = \blue{\dfrac{<var>N1 * F1</var>}{<var>LCM</var>}} -
\green{\dfrac{<var>N2 * F2</var>}{<var>LCM</var>}}
</code></p>
<p><code>
\qquad = \dfrac{\blue{<var>N1 * F1</var>} -
\green{<var>N2 * F2</var>}}{<var>LCM</var>}
</code></p>
<p><code>\qquad = <var>fraction(F1 * N1 - F2 * N2, LCM)</var></code></p>
<p data-if="GCD !== 1"><code>\qquad = <var>fractionReduce(F1 * N1 - F2 * N2, LCM)</var></code></p>
</div>
</div>
</div>
</div>
</body>
</html>