This exercise demonstrates DOM (Docuent Object Model) code, where a javascript function will create html elements and populate the html document. Also this exercise demonstrates the use of grid css styling. Ths webpage's layout is styled with a grid, as well as the grid that is created by the functions.
To test the function, enter a desired grid size number in the box on the top left. The create Grid button will create a grid with n boxes, based on the number entered The reset button will reset and delete the grid. The Random Colors button will assign a random color to each box in the grid The Sequence button will sequence throught the grid changing the color of each box on after the other The stop button stops the sequencer
Click each box to change its color individually