-3 3 randRangeNonZero(-6, 6) randRange(2, 18) NUMERATOR / DENOMINATOR NUMERATOR % DENOMINATOR (NUMERATOR - M_NUMERATOR) / DENOMINATOR (abs(SOLUTION) > 1 ? M_WHOLE + (SOLUTION < 0 ? fraction(M_NUMERATOR, -DENOMINATOR) : fraction(M_NUMERATOR, DENOMINATOR)) : fraction(NUMERATOR, DENOMINATOR)) 0 IS_MIXED === 1 && abs(SOLUTION) > 1 ? M_NUMBER : fraction(NUMERATOR, DENOMINATOR)

Move the \color{orange}{\text{orange dot}} to \color{orange}{NUMBER} on the number line.

init({ range: [ [(LOWER_BOUND - 0.5) * abs(DENOMINATOR), (UPPER_BOUND + 0.5) * abs(DENOMINATOR)], [-1, 1] ], scale: [70 / abs(DENOMINATOR), 40] }); style({arrows: ">"}); line( [ 0, 0 ], [ (UPPER_BOUND + 0.25) * abs(DENOMINATOR), 0 ] ); style({arrows: "->"}); line( [ 0, 0 ], [ (LOWER_BOUND - 0.25) * abs(DENOMINATOR), 0 ] ); style({arrows: ""}); for ( var x = LOWER_BOUND; x <= UPPER_BOUND; x++ ) { line( [ x * abs(DENOMINATOR), -0.2 ], [ x * abs(DENOMINATOR), 0.2 ] ); } style({ stroke: GREEN, strokeWidth: 3.5 }); line( [ LOWER_BOUND * abs(DENOMINATOR), -0.2], [LOWER_BOUND * abs(DENOMINATOR), 0.2]); label( [ LOWER_BOUND * abs(DENOMINATOR), -0.53 ], LOWER_BOUND, "center", { color: GREEN }); line( [ UPPER_BOUND * abs(DENOMINATOR), -0.2], [UPPER_BOUND * abs(DENOMINATOR), 0.2]); label( [ UPPER_BOUND * abs(DENOMINATOR), -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 }); graph.movablePoint.onMove = function( x, y ) { return [ min( max( LOWER_BOUND * abs(DENOMINATOR), x ), UPPER_BOUND * abs(DENOMINATOR) ), y ]; };
Move the orange dot to select your answer.
graph.movablePoint.coord[0] / abs(DENOMINATOR)
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 * abs(DENOMINATOR), -0.2], [M_WHOLE * abs(DENOMINATOR), 0.2]); line( [(M_WHOLE + (SOLUTION > 0 ? 1 : -1)) * abs(DENOMINATOR), -0.2], [(M_WHOLE + (SOLUTION > 0 ? 1 : -1)) * abs(DENOMINATOR), 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 * abs(DENOMINATOR), 0 ], [ SOLUTION * abs(DENOMINATOR), 0 ] ); graph.movablePoint.visibleShape.toFront(); style({ stroke: "#FFA500", strokeWidth: 3.5, arrows: "" }); line( [M_WHOLE * abs(DENOMINATOR), -0.2], [M_WHOLE * abs(DENOMINATOR), 0.2]); line( [(M_WHOLE + (SOLUTION > 0 ? 1 : -1)) * abs(DENOMINATOR), -0.2], [(M_WHOLE + (SOLUTION > 0 ? 1 : -1)) * abs(DENOMINATOR), 0.2]);
label( [ SOLUTION, -0.83 ], NUMBER, "center", { color: "#FFA500" }); graph.movablePoint.moveTo( SOLUTION * abs(DENOMINATOR), 0 );

The orange number shows where \color{orange}{NUMBER} is on the number line.