randRange( -10, 10 ) randRange( -10, -1 )
A + B ceil( ( 10 - ANSWER + A ) / 2) A - PADDING ANSWER + PADDING []
init({ range: [ [0, 13], [-4, 1] ] }); label( [0, 0], "\\Huge{\\color{#6495ED}{" + A + "} + \\color{#28AE7B}{(" + B + ")} = {?}}", "right" );
ANSWER
REMOVE = label( [0, -2], "\\Huge{\\color{#6495ED}{" + A + "} \\color{#28AE7B}{" + B + "} = {?}}", "right" );
numberLine( START, END, 1, 1, -3 ); circle( [ 1 + A - START, -3 ], 5/40, { stroke: "none", fill: "#6495ed" } );
style({ stroke: "#28AE7B", arrows: "->" }, function(){ path( [ [ 1 + A - START, -3 ], [ 1 + ANSWER - START, -3] ] ); });
circle( [ 1 + ANSWER - START, -3 ], 5/40, { stroke: "none", fill: "#FF00AF" } );
REMOVE.remove(); label( [0, -2], "\\Huge{\\color{#6495ED}{" + A + "} \\color{#28AE7B}{" + B + "} = " + "\\color{#FF00AF}{" + ANSWER + "}}", "right" );