The tip calculator was built on a base of HTML and CSS. The logic and rendering was done with jQuery.
How it works: The tip calculator first checks if all the input fields have been filled, and if so, checks to see if what has been entered is a number. If they are not filled or have letters, an error will be thrown. If all fields have been filled and everything entered is a number, the functions that calculate "total tip", "tip per person", and "total per person" are called. Finally, the function that renders the amounts is called.
see on codepenwhat is the bill amount?
how many people are paying?
what percentage would you like to tip?
Original Bill Amount: $
Total Tip: $
Tip Per Person: $
Total Per Person: $
