An iOS-style calculator built using HTML, CSS, and JavaScript.
The app is fully responsive and works seamlessly on mobile phones and laptops.
This project recreates the look and feel of the Apple Calculator while adding modern enhancements like theme toggle, calculation history, keyboard support, and expression preview.
- โ Apple-inspired clean UI
- ๐ Dark / โ๏ธ Light mode toggle
- ๐งฎ Calculation history (last 10 entries)
- ๐๏ธ One-click clear history button
- ๐ Expression preview above display (like iOS)
- โจ๏ธ Full keyboard input support
- ๐๏ธ Smooth button animations
- ๐ฑ Responsive design (mobile & desktop)
- HTML5
- CSS3 (CSS variables, animations, responsive layout)
- JavaScript
- Supports basic arithmetic operations:
+ โ ร รท - Shows current expression above the result display
- Saves recent calculations in history
- Works with both mouse/touch and keyboard inputs
- Clone the repository:
git clone https://github.com/Learnermeet/Calculator-App.git
- Open index.html in your browser
No additional setup required.
๐ฌ Feedback
Suggestions and contributions are welcome. Feel free to open an issue or submit a pull request.
Happy Coding! ๐