Skip to content
This repository
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 75 lines (68 sloc) 3.238 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
<!DOCTYPE html>
<html data-require="math graphie angles interactive">
<head>
        <title>Measuring angles</title>
        <script data-main="../local-only/main.js" src="../local-only/require.js"></script>
    </head>
    <body>
        <div class="exercise">
            <div class="vars">
                <var id="ANGLE_ONE">randRange(0, 359)</var>
                <var id="DIFF">10 * randRange(1, 18)</var>
            </div>

            <div class="problems">
                <div>
                    <div class="problem">
                        Measure this angle in degrees.
                    </div>
                    <div class="question">
                        <div class="graphie" id="angle">
                            var ANGLE_TWO = ANGLE_ONE + DIFF;
                            var ANGLE_ONE_R = ANGLE_ONE * PI / 180;
                            var ANGLE_TWO_R = ANGLE_TWO * PI / 180;

                            init({
                                range: [ [-11, 31], [-10, 10] ],
                                scale: 20
                            });
                            path([ [5 * cos( ANGLE_ONE_R ), 5 * sin( ANGLE_ONE_R )], [0, 0], [5 * cos( ANGLE_TWO_R ), 5 * sin( ANGLE_TWO_R )] ]);
                            arc( [0, 0], 1, ANGLE_ONE, ANGLE_TWO );

                            addMouseLayer();
                            graph.protractor = protractor([14, -8]);

                            graph.showOrigin = function() {
                                graph.protractor.moveTo( 0, 0 );
                            };

                            graph.showCorrect = function() {
                                graph.showOrigin();
                                graph.protractor.rotateTo(540 - ANGLE_ONE - DIFF);
                            };
                        </div>
                    </div>
                    <div class="solution" data-type="multiple">
                        <span class="sol" data-forms="integer" data-inexact="" data-max-error="5"><var>DIFF</var></span><code>{}^{\circ}</code>
                    </div>
                </div>
            </div>

            <div class="hints">
                <p>
                    First, align the origin of the protractor with the vertex of the angle.
                    <button onclick="javascript:
KhanUtil.currentGraph.graph.showOrigin();
">Show me</button>
                </p>
                <p>
                    Next, rotate the protractor so that the <code>0^{\circ}</code> mark lines up with one side of the angle.
                    <button onclick="javascript:
KhanUtil.currentGraph.graph.showCorrect();
">Show me</button>
                </p>
                <div>
                    <div class="graphie" data-update="angle">
                        graph.showCorrect();
                        label( [ 9 * cos( toRadians( ANGLE_ONE ) ), 9 * sin( toRadians( ANGLE_ONE ) ) ], "\\color{" + PINK + "}{" + DIFF + "^{\\circ}}" );
                    </div>
                    <p>The angle is <code><var>DIFF</var></code> degrees.</p>
                </div>
            </div>
        </div>
</body>
</html>
Something went wrong with that request. Please try again.