Tip Calculator made using vanilla JS

Community feedback

• 

  Jordon Young•120

  @jordon-young

  Posted over 3 years ago

  This is very well done, and visually accurate. It's cool to see how you handled the custom tip field because it's so different from how I solved the same problem.

  Responsive Notes

  • Everything flows well until width < 375px. If you set a min-width on your body or card, in most browsers it will scale or zoom instead of breaking the layout. In Firefox responsive view it doesn't automatically zoom, but it does in Chrome and Edge. In any case, that should keep the layout intact.
  • The calculated result text on mobile needs to be smaller to match the design, but also it fits better

  Functional Notes

  • I think it would be convenient if the totals are calculated when the custom tip field is clicked. When the user clicks a predefined tip %, the totals calculate. If the user then clicks on the custom tip already containing a value, nothing happens until the value is modified.

  Nice job getting your HTML issues down to zero! I have a lot of warnings to sort through 🙃

  14

  Marked as helpful