A simple, beginner-friendly calculator built using HTML, CSS, and JavaScript. This project performs basic arithmetic operations and has a clean, minimal UI.
If you enable GitHub Pages, your project will go live here:
https://aarushisaki.github.io/JS_Calculator/
JS_Calculator/
โโโ layout.html # Main UI
โโโ style.css # Stylesheet
โโโ calculator.js # JavaScript logic
-
Fully interactive button-based calculator
-
Supports:
- Addition (+)
- Subtraction (โ)
- Multiplication (ร)
- Division (รท)
-
Clear (C) button resets everything
-
Real-time display updates
-
Beginner-friendly, readable code
- Clone the repository:
git clone https://github.com/aarushisaki/JS_Calculator- Open the folder:
cd JS_Calculator- Run the calculator by opening layout.html in any browser.
No installation required โ pure HTML, CSS, JavaScript.
- DOM manipulation
- Button click event handling
- Updating UI dynamically
- Basic state management in JavaScript
- Structuring a simple web project
- Add decimal (โ.โ) button
- Add backspace/delete
- Add keyboard input support
- Add animations or themes
- Upgrade to a scientific calculator
Pull requests are welcome! If you'd like to improve the calculator or add features, feel free to fork the repo.
This project is open source under the MIT License.