What we are building

We are going to build a form that takes a number and calculates the tip amount and returns the new amount with tip included.

What you need

Initial Page Creation

initial page

Add Input for bill amount

add input

Add button to calculate tips

add button

Alert message when button clicked

hello world

Alert message with tip totals

tip alert

Display totals in a table


Initial styling with Bootstrap

initial bootstrap

Second pass styling with Bootstrap

second pass

More TODOs!

  • Only display the percentages when the button is clicked
  • Create a drop down to choose which percentage, rather than printing all of them.
  • Add a slider where you can choose the percentage tip you want to give, then click calculate
  • Have the slider update the totals on the screen as it’s moved left and right.