A modern, responsive calculator built with HTML, CSS, and JavaScript as part of my CodeAlpha Internship.
The calculator provides a clean interface with essential arithmetic operations, calculation history, keyboard support, and a convenient copy-result feature.
- ➕ Addition
- ➖ Subtraction
- ✖️ Multiplication
- ➗ Division
%Percentage calculations+/−Positive/negative toggle- 🔄 Clear and delete functions
- 📋 Copy calculation result
- 🕘 Calculation history
- ⌨️ Keyboard support
- 📱 Responsive design
- ♿ Accessible buttons and labels
- ⚡ Fast and lightweight
- HTML5 — Structure and semantic markup
- CSS3 — Styling, responsive layout, and visual effects
- JavaScript — Calculator logic and interactive functionality
CodeAlpha_SmartCalculator/
│
├── index.html
├── style.css
└── script.js
This project was developed as Task 2 — Smart Calculator during my CodeAlpha Frontend Development Internship.
The project helped me strengthen my understanding of:
- DOM manipulation
- JavaScript event handling
- User interaction
- Keyboard controls
- Responsive web design
- Building functional frontend interfaces
To run the project locally:
- Clone this repository.
- Open the project folder.
- Open
index.htmlin your browser.
No additional dependencies or installation are required.
Bisma Naz
Frontend Developer | Web Development
CodeAlpha — Frontend Development Internship
⭐ If you find this project useful, feel free to explore the repository and check out my other projects.