Move the \color{orange}{\text{ORANGE_DOT}} to
\color{orange}{NUMBER} on the number line.
init({
range: [ [LOWER_BOUND - 0.5, UPPER_BOUND + 0.5], [-1, 1] ],
scale: [80 * SCALE, 40]
});
style({arrows: ">"});
line( [ 0, 0 ], [ UPPER_BOUND + 0.25/SCALE, 0 ] );
style({arrows: "->"});
line( [ 0, 0 ], [ LOWER_BOUND - 0.25/SCALE, 0 ] );
style({arrows: ""});
for ( var x = LOWER_BOUND; x <= UPPER_BOUND; x++ ) {
line( [ x, -0.2 ], [ x, 0.2 ] );
}
style({ stroke: GREEN, strokeWidth: 3.5 });
line( [ LOWER_BOUND, -0.2], [LOWER_BOUND, 0.2]);
label( [ LOWER_BOUND, -0.53 ], LOWER_BOUND, "center", { color: GREEN });
line( [ UPPER_BOUND, -0.2], [UPPER_BOUND, 0.2]);
label( [ UPPER_BOUND, -0.53 ], UPPER_BOUND, "center", { color: GREEN });
line( [ 0, -0.2], [0, 0.2]);
label( [ 0, -0.53 ], "0", "center", { color: GREEN });
addMouseLayer();
graph.movablePoint = addMovablePoint({ constraints: { constrainY: true }, snapX: 1 / DENOMINATOR });
graph.movablePoint.onMove = function( x, y ) {
return [ min( max( LOWER_BOUND, x ), UPPER_BOUND ), y ];
};
Move the orange dot to select your answer.
graph.movablePoint.coord[0]
if ( guess === 0 ) {
return "";
}
return abs( SOLUTION - guess ) < 0.001;
graph.movablePoint.setCoord( [ guess, 0 ] );
Because \color{orange}{NUMBER} is positive
negative the orange dot will be to the right
left of 0.
Let's convert the improper fraction \color{orange}{NUMBER} to a mixed number:
\color{orange}{NUMBER} = \color{blue}{M_NUMBER}
Therefore, we know \color{blue}{M_NUMBER} lies between \color{green}{M_WHOLE}
and \color{green}{M_WHOLE + (SOLUTION > 0 ? 1 : -1)} on the number line.
style({ stroke: "#FFA500", strokeWidth: 3.5 });
line( [M_WHOLE, -0.2], [M_WHOLE, 0.2]);
line( [M_WHOLE + (SOLUTION > 0 ? 1 : -1), -0.2], [M_WHOLE + (SOLUTION > 0 ? 1 : -1), 0.2]);
\color{blue}{M_NUMBER} is \color{green}{fraction(M_NUMERATOR, DENOMINATOR)}
to the rightleft of \color{green}{M_WHOLE}
on the number line.
style({ stroke: GREEN, fill: "#6495ED", strokeWidth: 3.5, arrows: "->" });
line( [ M_WHOLE, 0 ], [ SOLUTION, 0 ] );
graph.movablePoint.visibleShape.toFront();
style({ stroke: "#FFA500", strokeWidth: 3.5, arrows: "" });
line( [M_WHOLE, -0.2], [M_WHOLE, 0.2]);
line( [M_WHOLE + (SOLUTION > 0 ? 1 : -1), -0.2], [M_WHOLE + (SOLUTION > 0 ? 1 : -1), 0.2]);
label( [ SOLUTION, -0.83 ], NUMBER, "center", { color: "#FFA500" });
graph.movablePoint.moveTo( SOLUTION, 0 );
The orange number shows where \color{orange}{NUMBER} is on the number line.