Etch-a-Sketch

JavaScript/jQuery Project based on curriculum from The Odin Project: Project description.

1. Create a web page with a 16x16 grid of square divs using jQuery.

2. Set up a hover effect so it changes the color of the square when your mouse passes over it, leaving a (pixelated) trail through your grid like a pen would.

3. Add a button to the top of the screen which will clear the current grid and send the user a popup asking for how many squares per side to make the new grid. Once entered, the new grid should be generated in the same total space as before (e.g.720px wide) and now you've got a new sketch pad

4. Instead of just changing the color of your grid from black to white (for example), have each pass through it with the mouse change to a completely random RGB value.

5. Then try having each pass just add another 10% of black to it, so only after 10 passes is the square completely black. And also the oposite.

6. Instead of just changing the color of your grid from black to white (for example), have each pass through it with the mouse change to a completely random RGB value. Then try having each pass just add another 10% of black to it, so only after 10 passes is the square completely black.

7. Create buttons to change different modes of drawing from black, random color, and shades.

Live demo can be found here