A modern, interactive calculator web application featuring essential arithmetic operations, memory functions, a responsive design, and a theme toggle for light and dark modes.
- Responsive Design: Works seamlessly across devices with various screen sizes.
- Memory Functions: Store, recall, and clear memory values effortlessly.
- Advanced Operations: Includes square root, reciprocal, and power functions.
- Keyboard Support: Perform calculations using your keyboard for faster input.
- Theme Toggle: Switch between dark and light themes with a single click.
- Responsive Display: Automatically adapts text size and layout for a better user experience.
You can view the live demo of this project here.
- Clone this repository:
git clone https://github.com/Code1616/ModernCalc.git
- Navigate to the project folder:
cd ModernCalc
- Open the
index.html
file in your favorite browser:open index.html
ModernCalc/
โโโ index.html # Main HTML file
โโโ assets/
โ โโโ styles.css # Styling for the calculator
โ โโโ script.js # JavaScript functionality
- Open the calculator in your browser.
- Use the on-screen buttons or your keyboard to input numbers and operations.
- Toggle between dark and light themes using the "Change Theme" button.
- Perform memory operations using the MS, MR, MC, and M+ buttons.
Key | Function |
---|---|
0-9 |
Input Numbers |
. |
Add Decimal Point |
+ - * / |
Perform Operations |
Enter = |
Calculate Result |
Esc |
Clear All |
- Themes: Modify the
styles.css
file to change colors, fonts, and layouts. - Additional Features: Extend functionality by editing
script.js
.
Contributions are welcome! Follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Add some feature"
- Push to the branch:
git push origin feature-name
- Open a Pull Request.
This project is licensed under the Unlicense. See the LICENSE file for details.
Dark Mode | Light Mode |
---|---|
![]() |
![]() |
Made with โค๏ธ by Roozbeh.