https://github.com/rhw-repo/etch-a-sketch-classic
Javascript DOM manipulation to create a scalable grid the user can sketch on in various colors, using their mouse. Frontend project from The Odin Project.
https://github.com/rhw-repo/etch-a-sketch-classic
css front-end-development html javascript javascript-dom-manipulation the-odin-project
Last synced: 2 months ago
JSON representation
Javascript DOM manipulation to create a scalable grid the user can sketch on in various colors, using their mouse. Frontend project from The Odin Project.
- Host: GitHub
- URL: https://github.com/rhw-repo/etch-a-sketch-classic
- Owner: rhw-repo
- Created: 2022-04-05T16:34:28.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-07T11:02:02.000Z (about 3 years ago)
- Last Synced: 2025-02-04T15:29:02.162Z (4 months ago)
- Topics: css, front-end-development, html, javascript, javascript-dom-manipulation, the-odin-project
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Having developed a basic version for the Odin Project's 'Etch A Sketch', I made this version to have some fun with making it look more like the real classic Etch A Sketch toy.
Pseudocode for the original project can be found in the repo odin-etch-sketch
https://github.com/rhw-repo/odin-etch-a-sketch
The main aim of that project was to use JavaScript with DOM methods to create a scalable grid which could then be coloured in using different colors, including an RGB random preset. I changed the suggested window prompt input (for resizing the grid that makes up the drawing pad) to an HTML input field to tidy up the look.