Combination between an Etch-A-Sketch and a Sketchpad with vanilla JavaScript.
Features:
- set the size of the board between 2 and 100 boxes
- draw with black and random colors
- use the eraser
- clean the board
- reset the board
Demo Here
๐
The hardest part of this project was how to create the grid layout for the board because you need to make a loop inside another loop and check the size of the board, at least this is the solution I found.
I also made a modal box for when you need to set the size for the board. This is extra.
What I have practiced in this project?
- loops
- intense DOM manipulation
- events handling
This project is from The Odin Project, Foundations Course.