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