Etch-A-Sketch

Web browser version of an Etch-A-Sketch, created using JavaScript, HTML, and CSS.

To draw, the user hovers their mouse over the grid, which will fill in any squares that are touched. The user can click "Reset" to reset the filled in squares to start drawing again. The user can also resize the grid by clicking "Resize" and entering an integer n to create a grid of n x n squares.

Learning Outcomes

• Practice integrating JavaScript with HTML and CSS
• Practice using flexbox
• Practice working with events in JavaScript
• Practice incorporating user input into a webpage

Availability

Available here at: https://rhystirado.github.io/etch-a-sketch/

Credits

Based on the Etch-A-Sketch project found at The Odin Project.