0 10 0 1 randRange(1, 9) UPPER_VALUE / UPPER_BOUND LOWER_VALUE + TICK_MARK_SOLUTION / UPPER_BOUND

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

init({ range: [ [LOWER_BOUND - 1, UPPER_BOUND + 1], [-1, 1] ], scale: [60, 40] }); style({arrows: ">"}); line( [ 0, 0 ], [ UPPER_BOUND + 0.25, 0 ] ); style({arrows: "->"}); line( [ 0, 0 ], [ LOWER_BOUND - 0.25, 0 ] ); style({arrows: ""}); for ( var x = LOWER_BOUND; x <= UPPER_BOUND; x++ ) { line( [ x, -0.2 ], [ x, 0.2 ] ); } style({ stroke: BLUE, strokeWidth: 3.5 }); line( [ LOWER_BOUND, -0.2], [LOWER_BOUND, 0.2]); label( [ LOWER_BOUND, -0.53 ], LOWER_VALUE, "center", { color: BLUE }); line( [ UPPER_BOUND, -0.2], [UPPER_BOUND, 0.2]); label( [ UPPER_BOUND, -0.53 ], UPPER_VALUE, "center", { color: BLUE }); addMouseLayer(); this.movablePoint = addMovablePoint({ constraints: { constrainY: true }, snapX: 0.25 }); movablePoint.onMove = function( x, y ) { if (x < LOWER_BOUND || UPPER_BOUND < x) { return false; // don't allow the point to move past the bounds } jQuery("#solutionarea input").val( x ); };

Above we've drawn the number line from 0 to 1, divided into 10 equal pieces.

The line is divided into 10 pieces, which means:

\color{green}{\text{piece of line}} = \color{red}{MARK_INCREMENT}

\color{orange}{SOLUTION} = \color{red}{MARK_INCREMENT} * \color{blue}{TICK_MARK_SOLUTION}

Therefore, moving the \color{orange}{\text{orange dot}} \color{blue}{TICK_MARK_SOLUTION} placeplural(TICK_MARK_SOLUTION) will put it at the position \color{orange}{SOLUTION}.

for ( var x = LOWER_BOUND + 1; x < UPPER_BOUND; x++ ) { label( [ LOWER_BOUND + x, -0.53 ], x / UPPER_BOUND, "center"); }
style({ stroke: "#6495ED", fill: "#6495ED", strokeWidth: 3.5, arrows: "->" }); line( [ 0, 0 ], [ TICK_MARK_SOLUTION, 0 ] ); movablePoint.visibleShape.toFront(); label( [ TICK_MARK_SOLUTION, -0.53 ], SOLUTION, "center", { color: "orange" }); movablePoint.moveTo( TICK_MARK_SOLUTION, 0 );

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