Skip to content

karthikrshet/modern-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

🧮 Modern Calculator

A stylish and responsive calculator built using HTML, CSS, and JavaScript with light/dark mode toggle, smooth button animations, and error handling for invalid inputs.


Features

  • Basic Operations: Add, subtract, multiply, divide
  • 🎨 Modern Glassy UI: Gradient background & rounded button design
  • 🌙 Dark/Light Mode Toggle: Switch themes in one click
  • 🎭 Button Animations: Hover & press effects for better UX
  • 🛑 Error Handling: Friendly messages for invalid operations
  • 👤 Footer Credit: Developed by Karthik Shet

Tech Stack

  • HTML5 – Structure
  • CSS3 – Stylish buttons, gradients, and themes
  • Vanilla JavaScript – Calculation logic & event handling

How to Use

  1. Clone the repository:

    git clone https://github.com/karthikrshet/modern-calculator.git
  2. Open index.html in a browser.

  3. Use the calculator for basic arithmetic operations.

  4. Toggle themes using the "Switch Theme" button.


Future Enhancements

  • Add Scientific Mode (sin, cos, %, square root).
  • History Log: Keep a record of previous calculations.
  • Mobile Optimization: Enhanced layout for small screens.

About

A stylish and responsive calculator built using HTML, CSS, and JavaScript with light/dark mode toggle, smooth button animations, and error handling for invalid inputs.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages