A sleek and modern calculator web application with Mini-Calc multiple color themes
. This project demonstrates responsive design, theme switching, and basic arithmetic operations.
- 🎨 Multiple Color Themes: Choose from three visually appealing color schemes.
- 📱 Responsive Design: Works seamlessly on desktop and mobile devices.
- ➕➖✖️➗ Basic Arithmetic Operations: Addition, subtraction, multiplication, and division.
- 🔙 Delete and Reset Functionality: Easily correct mistakes or start over.
-
Open the Calculator:
- 📂 Clone this repository and open
index.html
in your web browser, or - 🌐 Visit the live demo mini-calc
- 📂 Clone this repository and open
-
Perform Calculations:
- 🔢 Click on number buttons to input values.
- ➕➖✖️➗ Use operation buttons (+, -, x, /) to select the desired arithmetic operation.
- 🟰 Press the equals (=) button to see the result.
- 🔹 Use the decimal (.) button for non-integer numbers.
-
Additional Functions:
- 🔙
DEL
: Deletes the last entered digit. - 🔄
RESET
: Clears all entered values and operations.
- 🔙
-
Switch Themes:
- ✨ Click on the theme toggle in the top-right corner to cycle through different color schemes.
This calculator offers three distinct color themes:
-
🌙 Theme 1: Dark blue and white (Default)
- Background: Dark blue
- Buttons: Light gray with blue accents
- Text: White
-
☀️ Theme 2: Light gray and dark gray
- Background: Light gray
- Buttons: White with cyan and orange accents
- Text: Dark gray
-
🌈 Theme 3: Dark purple and neon
- Background: Dark purple
- Buttons: Violet with cyan accents
- Text: Bright yellow
- HTML5
- CSS3
- JavaScript (ES6+)
- Clone the repository:
git clone https://github.com/yourusername/mini-calc.git
- Navigate to the project directory:
cd mini-calc
- Open
index.html
in your preferred web browser.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
Thanks 💖 Mohammed Abdirizak Mo'allim Bashir Moelkenzi