Skip to content

A simple Etch-A-Sketch using HTML, CSS, and Javascript Created for The Odin Project

License

Notifications You must be signed in to change notification settings

bryanreiter/odin-etch-a-sketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

odin-etch-a-sketch

A simple Etch-A-Sketch using HTML, CSS, and Javascript Created for The Odin Project

Check out the Live Demo to see the project in action.

Table of Contents

Overview

The Etch-A-Sketch project provides a simple yet interactive pixel art canvas. Users can customize the canvas size and draw by hovering over the pixels.

Features

  • Adjustable pixel count for grid customization.
  • Dynamic grid creation based on user input.
  • Responsive design for an optimal viewing experience.

How to Use

  1. Open the Live Demo link.
  2. Adjust the pixel count using the "Select Pixel Count" input.
  3. Hover over the canvas to draw with a black color.

Project Structure

  • index.html: The main HTML file containing the structure of the project.
  • style.css: The CSS file defines the project's styles and layout.
  • index.js: The JavaScript file handles the logic for grid creation and user interactions.

License

This project is licensed under the MIT License.

Author