Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

JS Tip Calculator

Hum Bruno 230

@humbruno

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Quite a challenging one! The math formula side of things was a bit of a headache, but I definitely struggled the most with switching active states between buttons, and updating the total amounts on the right side as the inputs are changed!

I feel proud of the end result but definitely feel that my JavaScript could be a bit more compact and separated into more reusable components, something to keep in mind for next project!

Community feedback

@besttlookk

Posted

Hi, Below are some issues i found in your solution:

  1. use did not consider scenario when user enter large input. The result breaks your design.
  2. Also give some upper limit to tip percent.

I also completed this challenge. Here is mine: https://fem-tip-calculator-seven.vercel.app/

Love to have some feedback

Good luck #happyCoding

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord