diff --git a/Calculator/image.png b/Calculator/image.png new file mode 100644 index 0000000..f15d05f Binary files /dev/null and b/Calculator/image.png differ diff --git a/Calculator/img.png b/Calculator/img.png new file mode 100644 index 0000000..f15d05f Binary files /dev/null and b/Calculator/img.png differ diff --git a/Calculator/readme.md b/Calculator/readme.md index cc6f286..3f75cab 100644 --- a/Calculator/readme.md +++ b/Calculator/readme.md @@ -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. \ No newline at end of file diff --git a/README.md b/README.md index 8b13789..e69de29 100644 --- a/README.md +++ b/README.md @@ -1 +0,0 @@ -