Skip to content
This repository
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 107 lines (90 sloc) 7.061 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
<!DOCTYPE html>
<html data-require="math math-format graphie graphie-helpers">
    <head>
        <title>Converting mixed numbers and improper fractions</title>
        <script src="../khan-exercise.js"></script>
    </head>
    <body>
        <div class="exercise">
            <div class="vars" data-ensure="M_NUM &lt; M_DENOM">
                <var id="WHOLE">randRange( 1, 10 )</var>

                <var id="M_NUM">randRange( 1, 30 )</var>
                <var id="M_DENOM">randRange( 1, 30 )</var>

                <var id="M_REDUCED_NUM">M_NUM / getGCD( M_NUM, M_DENOM )</var>
                <var id="M_REDUCED_DENOM">M_DENOM / getGCD( M_NUM, M_DENOM )</var>

                <var id="I_NUM">WHOLE * M_REDUCED_DENOM + M_REDUCED_NUM</var>
                <var id="I_DENOM">M_REDUCED_DENOM</var>
            </div>

            <div class="problems">
                <div id="improper-to-mixed">
                    <p class="question">Convert <code><var>fraction( I_NUM, I_DENOM, false, true )</var></code> to a mixed number.</p>

                    <p class="solution" data-type="mixed"><var>I_NUM / I_DENOM</var></p>

                    <div class="hints">
                        <div>
                            <p>First, divide the numerator by the denominator.</p>
                            <p><code><var>I_NUM</var> \div <var>I_DENOM</var> = \color{#28AE7B}{<var>WHOLE</var>}\ \text{ R } \color{purple}{<var>M_REDUCED_NUM</var>}</code></p>
                        </div>
                        <div>
                            <p>So the improper fraction has <code class="hint_green"><var>WHOLE</var></code> wholes in it, which is equal to <code>\color{#28AE7B}{<var>WHOLE</var>} \times \dfrac{<var>I_DENOM</var>}{<var>I_DENOM</var>} = \color{#28AE7B}{<var>fraction( I_DENOM * WHOLE, I_DENOM, false, false )</var>}</code>.</p>
                            <div class="graphie">
                                init({ range: [ [0, 1], [0, WHOLE] ], scale: [250, 25] });

                                for ( var y = 0; y &lt; WHOLE; y++ ) {
                                    rectchart( [M_REDUCED_DENOM, 0], ["#28AE7B", "#999"], y );
                                }
                            </div>
                            <p>This quotient <code class="hint_green"><var>WHOLE</var></code> is the whole number part of the mixed number.</p>
                        </div>
                        <div>
                            <p>We also have a remainder of <code class="hint_purple"><var>M_REDUCED_NUM</var></code>, though. That represents the <code>\dfrac{\color{purple}{<var>M_REDUCED_NUM</var>}}{<var>I_DENOM</var>}</code> remaining from the improper fraction; it wasn't enough to be another whole number.</p>
                            <div class="graphie">
                                init({ range: [ [0, 1], [0, 1] ], scale: [250, 25] });

                                rectchart( [M_REDUCED_NUM, M_REDUCED_DENOM - M_REDUCED_NUM], ["purple", "#999"] );
                            </div>
                        </div>
                        <div>
                            <p>The converted mixed fraction is <code>\color{#28AE7B}{<var>WHOLE</var>}\ \color{purple}{<var>fraction( M_NUM, M_DENOM, false, true )</var>}.</code></p>
                            <div class="graphie">
                                init({ range: [ [0, 1], [0, WHOLE + 1] ], scale: [250, 25] });

                                for ( var y = 1; y &lt;= WHOLE; y++ ) {
                                    rectchart( [M_REDUCED_DENOM, 0], ["#28AE7B", "#999"], y );
                                }

                                rectchart( [M_REDUCED_NUM, M_REDUCED_DENOM - M_REDUCED_NUM], ["purple", "#999"] );
                            </div>
                        </div>
                        <p>Note that if we add up the two pieces of our mixed fraction, <code>\color{#28AE7B}{<var>fraction( I_DENOM * WHOLE, I_DENOM, false, false )</var>} + \color{purple}{<var>fraction( M_NUM, M_DENOM, false, true )</var>}</code>, we get the original improper fraction <code><var>fraction( I_NUM, I_DENOM, false, true )</var></code>.</p>
                    </div>
                </div>

                <div id="mixed-to-improper">
                    <p class="question">Convert <code><var>WHOLE</var>\ <var>fraction( M_NUM, M_DENOM, false, true )</var></code> to an improper fraction.</p>

                    <p class="solution" data-type="improper"><var>I_NUM / I_DENOM</var></p>

                    <div class="hints">
                        <p><code>\color{#FFA500}{<var>WHOLE</var>}\ \color{#6495ED}{<var>fraction( M_NUM, M_DENOM, false, true )</var>}</code></p>
                        <p>This mixed number is equivalent to <code>\color{#FFA500}{<var>WHOLE</var>} + \color{#6495ED}{<var>fraction( M_NUM, M_DENOM, false, true )</var>}</code>.</p>
                        <div>
                            <p>First, convert the <span class="hint_orange">whole part</span> of the mixed number to a fraction with the same denominator <code><var>M_REDUCED_DENOM</var></code> as the <span class="hint_blue">fractional part</span>.</p>
                            <p><code>\color{#FFA500}{<var>WHOLE</var>} \times \dfrac{<var>M_REDUCED_DENOM</var>}{<var>M_REDUCED_DENOM</var>} = \color{#FFA500}{\dfrac{<var>WHOLE * M_REDUCED_DENOM</var>}{<var>M_REDUCED_DENOM</var>}}</code></p>
                            <div class="graphie">
                                init({ range: [ [0, 1], [0, WHOLE] ], scale: [250, 25] });

                                for ( var y = 0; y &lt; WHOLE; y++ ) {
                                    rectchart( [M_REDUCED_DENOM, 0], ["#FFA500", "#999"], y );
                                }
                            </div>
                        </div>
                        <div>
                            <p>So now we have our number in the form <code>\color{#FFA500}{\dfrac{<var>WHOLE * M_REDUCED_DENOM</var>}{<var>M_REDUCED_DENOM</var>}} + \color{#6495ED}{<var>fraction( M_NUM, M_DENOM, false, true )</var>}</code>.</p>
                            <div class="graphie">
                                init({ range: [ [0, 1], [0, WHOLE + 1] ], scale: [250, 25] });

                                for ( var y = 1; y &lt;= WHOLE; y++ ) {
                                    rectchart( [M_REDUCED_DENOM, 0], ["#FFA500", "#999"], y );
                                }

                                rectchart( [M_REDUCED_NUM, M_REDUCED_DENOM - M_REDUCED_NUM], ["#6495ED", "#999"] );
                            </div>
                            <p>Now, just add the two fractions and simplify!</p>
                        </div>
                        <p><code>\color{#FFA500}{\dfrac{<var>WHOLE * M_REDUCED_DENOM</var>}{<var>M_REDUCED_DENOM</var>}} + \color{#6495ED}{<var>fraction( M_NUM, M_DENOM, false, true )</var>} = <var>fraction( I_NUM, I_DENOM, true, true )</var></code></p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
Something went wrong with that request. Please try again.