Calculator-Webpage

🧮 Calculator Project

A simple, responsive, and fully functional calculator built using HTML, CSS, and JavaScript.
This project demonstrates core front-end development skills including DOM manipulation, event handling, and logical problem solving.

---

🚀 Live Demo

🔗 Live Demo

---

📌 Features

✨ Basic arithmetic operations

• Addition (+)
• Subtraction (−)
• Multiplication (×)
• Division (÷)

✨ Smart functionality

• Handles chained operations (e.g., 12 + 7 - 1 = 18)
• Prevents division by zero with a custom error message 😏
• Rounds long decimal numbers
• Prevents multiple operator errors

✨ User-friendly controls

• Clear button (C)
• Backspace (⌫)
• Decimal support (.)
• Responsive display

---

🛠️ Technologies Used

• HTML5 → Structure
• CSS3 → Styling & Layout
• JavaScript (ES6) → Logic & Functionality

---

📂 Project Structure

calculator-project/ │── index.html │── style.css │── script.js │── README.md

---

⚙️ How It Works

1. User inputs numbers using buttons
2. Operator is selected (+, −, ×, ÷)
3. Second number is entered
4. On pressing =, the calculator:
   • Calls the operate() function
   • Performs the calculation
   • Displays the result

✔ Supports continuous calculations
✔ Stores previous results for next operations

---

🧠 Key Concepts Used

• DOM Manipulation
• Event Handling
• Functions & Control Flow
• State Management
• Input Validation

---

📸 Preview

(Optional: Add a screenshot here)

---

🌟 Future Improvements

• ⌨️ Keyboard support
• 🎨 Advanced UI design (modern calculator theme)
• 🌙 Dark/Light mode toggle
• 📱 Mobile responsiveness improvements

---

👨‍💻 Creator

Salvin Sebastian
🎓 BCA Student
💻 Passionate about Web Development

🔗 GitHub: https://github.com/salvin-sebastian
🔗 Portfolio: Visit My Portfolio

---

⭐ Support

If you like this project, consider giving it a ⭐ on GitHub!

---