Move the orange dot to \pink{SOLN_TXT} on the number line.
init({
range: [[-0.1, 1.4], [-1, 1]],
scale: [400, 40]
});
style({arrows: ">"});
line([0, 0], [1.06, 0] );
style({arrows: "->"});
line([0, 0], [-0.06, 0]);
style({arrows: ""});
for (var x = 0; x <= 10; x++) {
line([x / 10, -0.2 ], [x / 10, 0.2]);
}
style({stroke: BLUE, strokeWidth: 3.5});
line([0, -0.2], [0, 0.2]);
label([0, -0.53], LOWER_BOUND, "center", {color: BLUE});
line([1, -0.2], [1, 0.2]);
label([1, -0.53 ], UPPER_BOUND, "center", {color: BLUE});
addMouseLayer();
graph.movablePoint = addMovablePoint({ constraints: { constrainY: true }, snapX: 0.025 });
graph.movablePoint.onMove = function(x, y) {
return [min(max(0, x), 1), 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]);
Above we've drawn the number line from LOWER_BOUND to UPPER_BOUND,
divided into 10 equal pieces.
The line is divided into 10 pieces, which means:
Piece of line = \dfrac{UPPER_BOUND - LOWER_BOUND}{10} = \purple{MARK_INCREMENT}
\pink{SOLN_TXT} =
\blue{LOWER_BOUND} + \purple{MARK_INCREMENT} \times \green{HUNDRETHS}
Therefore, moving the orange dot \green{HUNDRETHS}
place will put it at the position \pink{SOLN_TXT}.
Therefore, moving the orange dot \green{HUNDRETHS}
places will put it at the position \pink{SOLN_TXT}.
for (var x = 1; x < 10; x++) {
label([x/10, -0.53], localeToFixed(LOWER_BOUND + x * MARK_INCREMENT, 2) , "center");
}
style({ stroke: "#6495ED", fill: "#6495ED", strokeWidth: 3.5, arrows: "->" });
line([ 0, 0], [SOLUTION, 0]);
graph.movablePoint.visibleShape.toFront();
label([HUNDRETHS/10, -0.53 ], SOLN_TXT, "center", { color: PINK });
graph.movablePoint.moveTo( SOLUTION, 0 );
The highlighted number shows where \pink{SOLN_TXT} is on the number line.