An online calculator with basic arithmetic operations built using HTML5, CSS3 and JS. It can be controlled by a mouse or by a keyboard.
You can try it online here.
- All basic operations are supported Multiplication, Division, Subtraction, Addition & Modulo Division
- Support negative values
- Full Keyboard support including visual effects
- Options to clear/delete a single input -backspace- OR clear the whole display -reset operand- OR reset everyting.
- Option for toggling sound Effect
- Clean UI
- Responsive Mobile-First
- Dark/Light mode
You can try it online here.
To run this program locally, you can clone the repository to your local machine using the following command:
git clone https://github.com/i4pg/calculator.git
Then open the index.html file in your web browser to start playing the game.
- OOP
NOTE: for now I'll go with old school -Object Constructor-
- Calculator Logic
- Add
- Subtract
- Multiply
- Divide
- Modulo
- Calculator UX
- Negative numbers support
- Display Numbers
- Support float numbers
- Support Infinite operations
- Support Keyboard input
- Round with long decimals -Prevent Overflow-
- Zero divider Error
- Clear Button
- Backspace Button
- Sounds Effects
- Pressing Enter same as
= - buttons hover effect on click event
- Sounds On/Off
- aside navigation
- UI
- Smooth colors
- Calculator display
- calculator buttons
- Mobile-first Responsive
- Dark/Light mode
- button hover animation
- Footer
Contributions to this project are welcome. To contribute, follow these steps:
-
Fork this repository.
-
Create a new branch with your changes:
git checkout -b my-new-branch -
Make your changes and commit them:
git commit -am 'Add some feature' -
Push your changes to your forked repository:
git push origin my-new-branch -
Create a pull request on this repository.
Project inspiration from The Odin Project.
This project is licensed under the MIT License. See the LICENSE file for details.