Skip to content

GamalHafez/js-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧮 JS Calculator

A responsive calculator with smooth animations, keyboard support, and modern UI.


📸 Preview

Video preview


🚀 Live Preview

🔗 View Live Site


✨ Features

  • Perform basic arithmetic operations (+, −, ×, ÷)
  • Support for decimals & continuous calculations
  • Modern UI/UX – Smooth animations, responsive design, and clean layout
  • Light & Dark Themes – Switch seamlessly between two themes
  • Keyboard accessibility (calculate using your keyboard)
  • Performance Optimized – Efficient event handling and DOM updates
  • Simple and reusable functions

⌨️ Keyboard Shortcuts

Key Action
0–9 Enter numbers
. Decimal point
+ - * x / ÷ Operators
Enter Calculate result
Backspace/Delete Delete last digit
c Clear all

🛠️ Tech Stack

  • HTML5 – Semantic structure
  • Sass (CSS3) – Organized styles with variables & mixins
  • JavaScript (ES6+) – Logic, event handling, animations

About

A responsive calculator with smooth animations, keyboard support, and modern UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published