This project is a sleek, fully responsive calculator web application built strictly with HTML, CSS, and Vanilla JavaScript. No external frameworks or libraries were used.
- HTML5: Semantic HTML structure for the calculator interface.
- CSS3: Custom styling, dark mode UI, smooth transitions, and responsive layout.
- Vanilla JavaScript (ES6): Core logic using Object-Oriented Programming (Classes), DOM manipulation, and keyboard/mouse event handling.
- Modern UI: Dark mode styling with smooth transitions and soft shadows.
- Keyboard Support: Fully supports physical keyboard inputs for numbers, operators, Enter (equals), Backspace (delete), and Escape (clear).
- Clean Architecture: Built using modern JavaScript ES6 Classes for clean, maintainable, and readable code.
- Responsive: Adapts seamlessly to both desktop and mobile screens.
- Clone or download the project files.
- Simply open the
index.htmlfile in any modern web browser.
No build steps, npm packages, or local servers are required!