Tip Calculator and Bill Splitter

Build a tip calculator and bill splitter component that allows users to enter a bill total, tip percentage, and number of guests to compute individual and grand totals in real time.

Requirements

• Bill Amount Input: Include an input labeled Bill Amount ($) (type number, minimum 0).
• Tip Percentage Input: Include an input labeled Tip Percentage (%) (type number, minimum 0) with a default value of 15.
• Number of People Input: Include an input labeled Number of People (type number, minimum 1) with a default value of 1.
• Calculated Results: Display three computed values formatted as currency ($0.00 standard formatting with 2 decimal places):
  • Tip per Person: Identified by label/text Tip per Person.
  • Total per Person: Identified by label/text Total per Person.
  • Grand Total: Identified by label/text Grand Total.
• Calculation Logic:
  • Tip per Person = (Bill * (Tip % / 100)) / Number of People.
  • Total per Person = (Bill + Total Tip) / Number of People.
  • Grand Total = Bill + Total Tip.
  • If the bill amount is empty, 0, or negative, or if the number of people is less than 1, display $0.00 for all calculated amounts.
• Reset Action: Include a button labeled Reset that resets the form fields back to their defaults (Bill Amount ($) to empty string or 0, Tip Percentage (%) to 15, Number of People to 1).