This is a project for the Odin Project.
Project instructions can be found here
- Created templates for html, css, & js files
- Connected everything together
- Create a webpage with a 16x16 grid of square divs.
- Set up a “hover” effect so that the grid divs change color when your mouse passes over them, leaving a (pixelated) trail through your grid like a pen would.
- Make the color random and not just set to red
- Add a button on the top of the screen that will send the user a popup asking for the number of squares per side for the new grid. Once entered, the existing grid should be removed, and a new grid should be generated in the same total space as before (e.g., 960px wide) so that you’ve got a new sketch pad.
- Implement a progressive darkening effect where each interaction darkens the square by 10%. The goal is to achieve a fully black (or completely colored) square in only ten interactions.
- Push project to GitHub.