Tip calculator UI. Create a tip calculator that helps the user determine how much tip they want to pay based on the price of the service. You will have to write your own tip.html, tip.css, and tip.js files. The final amount will be displayed beneath the forms. The tip percentage field will become red if the percentage is below 15% but not if the percentage is above 15%. Here is an example of the user-interface:

(3pts) Change the UI instead of asking user to enter the percentage by type in the number, use a slider to indicate the amount of tips. For example, one end of the slider is zero and another is 50%. Think of how to divide your slider. You can also get rid of the calculate button all together so that when user stopped the slider, the final amount will show up. You should also display the tip amount just to make things clear. Be creative of the UI of this simple app.

Here is a slider for you:

http://www.w3schools.com/jsref/dom_obj_range.asp

Tio Calculaton AMERICAN 40 10 Calculate! $ Subtotal % Tip Your total: $44