Rekenrek Simulation

Prompt

Code a simulation in html, css, and javascript for a self-contained, embeddable, and complete rekenrek. Use this site for the description for how to use a rekenrek: https://whiteroseeducation.com/latest-news/what-is-rekenrek Make the simulation look like the rekenrek shown in the site. Animate the one finger method by showing a draggable hand that can slide the rekenek beads on the rails to create the numbers. Allow the user to first create number representations such as "Use the beads to make the number 7." Do 8 such representations. Then move up to randomized addition problems of gradually increasing difficulty.

Iteration

Users may not know how to reset the beads in case they create an incorrect solution.Add a Try Again button to reset the rekenrek in case the student creates the number or solution to an equation incorrectly. Make the color theme for the simulation navy blue, white, black, and gray.

Iteration 2

Because the users will be in primary school grades, add an instruction for the user to add their sum in the sum box.