Skip to content
This repository
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 111 lines (100 sloc) 5.446 kb
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
<!DOCTYPE html>
<html data-require="math graphie graphie-helpers word-problems">
<head>
    <meta http-equiv="Content-Type" content="text/html; 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 id="numerator">
            <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 id="denominator">
            <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 id="custom-7" data-weight="0" data-type="numerator">
            <div class="vars">
                <var id="A">1</var>
                <var id="B">2</var>
                <var id="M">2</var>
                <var id="C">A * M</var>
                <var id="D">B * M</var>
                <var id="SYMBOL">"\\otimes"</var>
            </div>
        </div>
    </div>
    </div>
</body>
</html>
Something went wrong with that request. Please try again.