Skip to content

This is a lightweight (50KB) web calculator built with vanilla HTML, CSS & JS. Features: basic operations (+, -, ×, ÷), percentage, backspace, and keyboard support. Clean dark UI with responsive design works on all devices. Smooth animations and auto-scaling display. No frameworks - perfect for learning DOM manipulation. Free under MIT License.

License

Notifications You must be signed in to change notification settings

CodesByNitin/simple-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple-Calculator - Minimalist Web Calculator

Calculator Screenshot

🔗 Live Demo: https://simple-calculator-peach-ten.vercel.app/

A clean, responsive calculator built with pure HTML, CSS, and JavaScript.

Features

  • Basic Operations: +, -, ×, ÷
  • Advanced Functions: %, backspace
  • Responsive Design: Works on all devices
  • Keyboard Support: Type calculations naturally
  • Smart Display: Auto-adjusting font size
  • Error Handling: Catches invalid inputs

Technologies

  • HTML5: Semantic structure
  • CSS3: Flexbox/Grid layout, transitions
  • JavaScript: Core calculation logic
  • Media Queries: Mobile responsiveness

Code Structure

simple-calculator/
├── index.html      # Main interface
├── style.css       # Styling
├── script.js       # Logic
└── README.md       # Documentation

Usage

## Mouse/Touch
- Click buttons to input numbers and operations
- **AC**: All Clear
- ****: Backspace

## Keyboard Shortcuts

- **0-9**: Numbers
- **+-*/**: Operators
- **Enter**: Equals
- **Esc**: Clear All
- **Backspace**: Delete last digit 

Installation

git clone https://github.com/CodesByNitin/simple-calculator.git
cd simple-calculator
open index.html

About

This is a lightweight (50KB) web calculator built with vanilla HTML, CSS & JS. Features: basic operations (+, -, ×, ÷), percentage, backspace, and keyboard support. Clean dark UI with responsive design works on all devices. Smooth animations and auto-scaling display. No frameworks - perfect for learning DOM manipulation. Free under MIT License.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published