A simple calculator application built using HTML, CSS, and JavaScript. This project is a part of The Odin Project curriculum.
🔗 Live demo: https://estellel-github.github.io/calculator/
Overview
Features
- Basic arithmetic operations: addition, subtraction, multiplication, and division
- Button for
+/-operation - Input history display: the most recent operation is shown at top of screen above the result
- Clear and backspace functions
- Responsive layout
- Keyboard support
Tools Used
- Development: Visual Studio Code
- Version Control: Git and GitHub
- Learning materials from Odin Project curriculum (Foundations) and support from their Discord community
External Resources
- Used an external font for the calculator screen to imitate a 7-segment display. https://www.keshikan.net/fonts-e.html
Learning Outcomes
- Improved understanding of DOM manipulation and event handling in JavaScript.
- Gained further practice on basic responsive design.
- Gained experience with JS factory functions to organize operation logic in JavaScript.
- Practiced modular organization of the functions.
- Practiced manual debugging and bug fixing to ensure correct behavior in all scenarios.
- Learned about keyboard events to enable keyboard support.
How to Use
Clone the repository and open index.html in a web browser to start using the calculator.