Skip to content
This repository
Fetching contributors…

Cannot retrieve contributors at this time

file 93 lines (80 sloc) 3.982 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
<!DOCTYPE html>
<html data-require="math graphie">
    <head>
        <title>Recognizing rays, lines, and line segments</title>
        <script src="../khan-exercise.js"></script>
    </head>
    <body>
        <div class="exercise">
            <div class="vars">
                <var id="TILT">randRange(0, 359)</var>
                <var id="LENGTH">randRange(4, 7)</var>

                <var id="END1">[(LENGTH/2) * cos( TILT ), (LENGTH/2) * sin( TILT )]</var>
                <var id="END2">[-1 * (LENGTH/2) * cos( TILT ), -1 * (LENGTH/2) * sin( TILT )]</var>

                <var id="INNER_LENGTH">LENGTH - 2</var>
                <var id="INNER1">[(INNER_LENGTH/2) * cos( TILT ), (INNER_LENGTH/2) * sin( TILT )]</var>
                <var id="INNER2">[-1 * (INNER_LENGTH/2) * cos( TILT ), -1 * (INNER_LENGTH/2) * sin( TILT )]</var>

                <var id="DOT_ATTRS">{ r: 0.2, fill: "blue", stroke: "none" }</var>
            </div>

            <div class="problems">
                <div id="line-segment">
                    <div class="problem">
                        <p>Identify this figure.</p>

                        <div class="graphie" id="figure">
                            init({
                                range: [ [-6, 6], [-6, 6] ],
                                scale: 20
                            });
                        </div>
                    </div>
                    <div class="question">
                        <div class="graphie" data-update="figure">
                            line( END1, END2 );
                            circle( END1, DOT_ATTRS );
                            circle( END2, DOT_ATTRS );
                        </div>
                    </div>

                    <div class="solution">Line segment</div>
                    <ul class="choices" data-category="true">
                        <li>Line segment</li>
                        <li>Ray</li>
                        <li>Line</li>
                    </ul>

                    <div class="hints">
                        <p>This one-dimensional figure has two endpoints and a set length (it doesn't go on forever).</p>
                        <p>A 1D figure that has two endpoints and a set length is a <em>line segment</em>.</p>
                    </div>
                </div>

                <div id="ray" data-type="line-segment">
                    <div class="question">
                        <div class="graphie" data-update="figure">
                            line( END1, END2, { arrows: "->" } );
                            circle( END1, DOT_ATTRS );
                            circle( INNER2, DOT_ATTRS );
                        </div>
                    </div>

                    <div class="solution">Ray</div>

                    <div class="hints">
                        <p>This figure is one-dimensional and has one endpoint. It goes on forever in the other direction, though.</p>
                        <p>Therefore, this figure is a <em>ray</em>.</p>
                    </div>
                </div>

                <div id="line" data-type="line-segment">
                    <div class="question">
                        <div class="graphie" data-update="figure">
                            line( END1, END2, { arrows: "->" } );
                            line( END2, END1, { arrows: "->" } );
                            circle( INNER1, DOT_ATTRS );
                            circle( INNER2, DOT_ATTRS );
                        </div>
                    </div>

                    <div class="solution">Line</div>

                    <div class="hints">
                        <p>This figure is straight, one-dimensional, and it goes on forever in both directions. It doesn't have any endpoints.</p>
                        <p>That description means this figure is a <em>line</em>.</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
Something went wrong with that request. Please try again.