Etch-a-Sketch

This is a JavaScript and HTML project from The Odin Project's Web Development course. In this project, you can define the number of pixels or boxes you want, then hover over the canvas to change the color of the current pixel or box.

Aim

To learn how to manipulate the DOM (Document Object Model).

Project Statement

Etch-a-Sketch

Live Preview

Live Preview

Steps to Operate the Canvas:

1. Define the number of pixels you want on the canvas.
2. Hover over the canvas to change the color of the pixels.
3. Change the color to black.
4. You can re-define the number of pixels you want on the canvas.