Array Maker

Prompt

Code a simulation in html, css, and javascript and make it self-contained, embeddable, and complete. This simulation is for younger students learning how to solve multiplication problems by drawing arrays. Provide a multiplication fact like 2x3. Use all the facts from 1x1  up to and including 12x12.  Create a drawing area for the user that includes a grid up to 12x12. The user then uses a pen tool to draw dots on the array to demonstrate their knowledge of the associated array. Check the array for correctness by supplying a Check My Array button. Distinguish between facts like 3x4 being 3 rows of 4 dots and 4x3 being 4 rows of 3 dots. Make a squeak like a marker on a whiteboard makes for each dot the user makes. If correct provide another fact. If incorrect, provide the correct array on the grid. Use a navy blue, white, black, and gray theme.

Iteration

Don't tell the user how many rows and dots to make. Let the user figure that out. For example, remove the (2 rows of 12 dots) instruction.