🍽️ Food Order Bill Calculator

A simple and interactive web application built using HTML5 and JavaScript that helps users calculate the total bill amount for food orders. Users can add multiple item prices and instantly generate the final bill.

---

📌 Project Overview

Food Order Bill Calculator is a beginner-friendly JavaScript project designed to demonstrate how arrays, functions, DOM manipulation, and rest parameters work together to solve a real-world problem.

The application allows users to enter food item prices, view the list of added items, and calculate the total order amount dynamically.

---

✨ Features

• ➕ Add multiple food item prices
• 📋 Display all entered item prices
• 🧮 Calculate the total bill amount
• ⚡ Dynamic updates without page refresh
• 🎯 Simple and user-friendly interface
• 💻 Built using pure JavaScript without external libraries

---

🛠️ Technologies Used

Frontend

• HTML5
• JavaScript (ES6)

JavaScript Concepts Applied

• Arrays
• Functions
• DOM Manipulation
• Event Handling
• Rest Parameters (...)
• Array Methods (forEach)
• Dynamic Content Updates

---

📂 Project Structure

Food-Order-Bill/
├── Food Order Bill.html
└── README.md

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/21A35A0503/Food-Order-Bill.git

2. Navigate to the Project Folder

cd Food-Order-Bill

3. Run the Project

Open the Food Order Bill.html file in your preferred web browser.

No additional setup or installation is required.

---

🎮 How It Works

1. Enter the price of a food item.

2. Click Add Item to save the price.

3. Repeat the process for multiple items.

4. Click Calculate Total.

5. The application displays:

   • The list of entered item prices.
   • The total bill amount.

---

📸 Example Output

Entered Prices

100, 250, 50

Total Bill

Total: $400

---

🎯 Learning Outcomes

Through this project, I learned how to:

• Store data using arrays.
• Manipulate the DOM using JavaScript.
• Handle button click events.
• Use rest parameters in functions.
• Iterate through arrays using forEach().
• Build interactive web applications using vanilla JavaScript.

---

🔮 Future Enhancements

• Remove individual items from the bill.
• Add quantity selection.
• Apply discounts and coupon codes.
• Calculate GST/Tax automatically.
• Store order history using Local Storage.
• Improve the UI using CSS.

---

👩‍💻 Author

Harika Neela

GitHub: https://github.com/21A35A0503

---

⭐ Support

If you found this project useful, please consider giving it a Star ⭐ on GitHub.

---

📄 License

This project is created for educational and learning purposes.