Create an Example Solution for a Tip Calculator App

[sumn2u]

📝 Description

We need a simple tip calculator app that lets users calculate a tip based on a given bill amount and selected tip percentage.
This project helps beginners practice basic math operations, event handling, and DOM manipulation with user inputs.

---

🎯 Requirements

• Input field for the bill amount
• Buttons (or dropdown) for selecting tip percentage (e.g., 10%, 20%, 30%)
• Display the calculated tip and total amount dynamically

---

💡 Concepts to Demonstrate

• Performing basic math operations in JavaScript
• DOM manipulation to update results in real time
• Using event listeners for user input and button interactions
• Implementing input validation for numeric values

---

🚀 Bonus Challenge

• Add a “Split Bill” feature to divide the total among multiple people
• Include a custom tip percentage input
• Add animations or transitions when updating results

---

📦 Deliverables

• A working example using HTML, CSS, and JavaScript
• Include a short README or inline comments explaining how your code works
• Submit your solution as:
  • A pull request in the examples/ folder, or
  • A CodePen, JSFiddle, or GitHub Gist link

---

[17GuptaIshita]

Hi, This looks like a great beginner-friendly issue to work on.
Could you please assign it to me?

[17GuptaIshita]

@sumn2u, I’ve raised PR #350.