Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Calculator/image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Calculator/img.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 90 additions & 5 deletions Calculator/readme.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,92 @@
#Create Simple Calculator using HTML, CSS and JavaScript
# 🖩 Calculator Web App

**Functionality**
1. Buttons to type number
2. Buttons to add, subtract, multiply and divide
3. Button to clear everything
A simple and interactive **Calculator Web Application** built using **HTML, CSS, and JavaScript**.
It supports basic arithmetic operations with a clean UI and real-time result preview.

---

## 📌 Features

- ➕ Addition
- ➖ Subtraction
- ✖️ Multiplication
- ➗ Division
- 🔄 Clear input and results
- ⚡ Instant calculation after operator input
- 🎨 Styled UI with background image

---

## 🛠 Tech Stack

- **HTML** – Structure
- **CSS** – Styling & layout
- **JavaScript** – Logic and calculations

---

## 📂 Project Structure

**Calculator**/ \
│── index.html \
│── cal.css \
│── cal.js \
│── c10.jpg \
│── README.md
---
## ▶️ How to Run the Project

1. Clone the repository:
```bash
git clone https://github.com/Axe-Pearl/Mini-Projects.git

2. Navigate to the calculator project folder:
```bash
cd Mini-Projects/Calculator
3. Open index.html in your browser:

* Double-click the file \
or
* Use Live Server in VS Code

---

## 🧮 How It Works

* User input is displayed dynamically on screen

* When an operator (+ - * /) is entered, the calculation is triggered

* Result is previewed instantly

* Press = to finalize the computation

* C clears both input and result

---

## 📸 Screenshot
![alt text](image.png)

---

## ✅ Possible Improvements

* Support multiple chained operations

* Add keyboard input support

* Improve mobile responsiveness

* Add dark/light mode

---

## 🤝 Contribution

Contributions are welcome!
Feel free to improve UI, optimize logic, or add new features.
---
## 📄 License

This project is part of the Mini-Projects repository and is open for educational use.
1 change: 0 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +0,0 @@