Simple Calculator

This is a simple and modern calculator built using HTML, CSS, and JavaScript. The calculator supports basic arithmetic operations and features a clean, responsive design with both dark and light modes. The theme toggle button is now placed conveniently in the bottom-right corner.

Preview

Light and Dark Mode of Calculator UI

Features

• Basic Arithmetic Operations: Add, subtract, multiply, and divide.
• Dark/Light Mode Toggle: Switch between dark and light themes using a button at the bottom-right corner.
• Responsive Design: Optimized for mobile and desktop screens.
• Clean and Modern UI: Following modern design principles with smooth interaction and intuitive layout.

Technologies Used

• HTML5 for structure.
• CSS3 for styling the layout.
• JavaScript for functionality.

Project Setup

1. Clone the Repository: git clone https://github.com/sifatuul/simple-calculator.git

2. Navigate to the Project Directory: cd simple-calculator

3. Open index.html in your browser to view the calculator.

Usage

• Enter numbers using the buttons or the keyboard.
• Perform basic arithmetic operations (+, -, *, /).
• Use the AC button to clear the display.
• Use the ⌫ button to delete the last entered digit.
• Toggle between dark mode and light mode by pressing the Toggle Theme button in the bottom-right corner.

Screenshot

The calculator in action

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

1. Fork the project
2. Create your feature branch: git checkout -b feature/AmazingFeature
3. Commit your changes: git commit -m 'Add some AmazingFeature'
4. Push to the branch: git push origin feature/AmazingFeature
5. Open a pull request