abongsjoel / Etch-A-Sketch

In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript

Etch-A-Sketch

In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch

In this project, I used plain HTML, CSS and JavaScript to build a browser version of something between a sketchpad and an Etch-A-Sketch. I created the divs using JavaScript and I used flexbox to make the divs appear as a grid. I also setup hover effects so that the grid divs change color when moused over, leaving a (pixalated) trail through the grid like a pen would. I also added 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

Live Demo

• Visit Page

Built With

• HTML
• CSS
• JavaScript

Author

👤 Chi A. Joel

• GitHub: @abongsjoel
• Twitter: @thierryjoel10
• LinkedIn: Chi Abongwa Joel

Acknowledgments

• The Odin Project
• w3schools

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

License

This project is MIT licensed.