Calculator

A fully functional calculator with modern UI, keyboard support and all basic operations. Built with HTML, CSS and JavaScript.

---

Live Demo

https://calculator-gamma-lilac-90.vercel.app

---

Topics

html css javascript calculator math-operations keyboard-support responsive-design front-end vanilla-js web-app

---

About

A feature-rich calculator with a modern, realistic design. Supports all basic arithmetic operations -- addition, subtraction, multiplication, division, percentage, and decimal numbers.

Works with both mouse clicks and keyboard input. Clean display with expression and result views.

---

Features

Feature	Description
Basic Math	+, -, x, / operations
Percentage	% calculation support
Decimals	Floating-point numbers
Keyboard	Full keyboard input support
Modern UI	Realistic calculator design
Responsive	Works on all devices
Instant Result	Real-time calculation
Error Handling	Division by zero protection
Clear/Backspace	AC and back buttons
Animations	Button press effects

---

Tech Stack

HTML5  -->  Button Grid, Display Layout
CSS3   -->  Calculator Design, Grid Layout, Animations
JS     -->  Event Listeners, Math Logic, DOM Updates

---

Keyboard Shortcuts

Key	Action
0-9	Enter numbers
+ - * /	Operators
Enter	Calculate result
Backspace	Delete last
Escape	Clear all
.	Decimal point

---

Quick Start

git clone https://github.com/codewithshariqofficial/Calculator.git
cd Calculator
start index.html

---

Project Structure

Calculator/
  |-- index.html
  |-- script.js
  |-- style.css
  |-- README.md

---

Author

Code With Shariq Official