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

tip calculator using javascript

kyUu6i 160

@hmhlol

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


Your feedback are welcomed! I have to learn so many things. If any issue in the solution, please share your opinion. Thank you.

Community feedback

Account Deleted

Nice one, I think the functionality is pretty good, it's just the styling that needs a little bit of work, switch to less than 771px, the first breakpoint and you'll see what I'm talking about.

  • The functionality is good, though I do not think it's a good idea to attach the the function that does the calculations to the tip buttons.
  • I think it gets a bit annoying to put the bill then the tip, and lastly the number of people, only to have to return back to the bill for it to do the calculations.

You should have the function that does the calculations run whenever all of the inputs and the tip and been inserted no matter the order they are being inserted.

  • For that you should have an if statement that checks if the any of the fields are empty and check if the tip has been inserted, and only then the calculations can be made.

Nice job though.

Marked as helpful

0

kyUu6i 160

@hmhlol

Posted

@thulanigamtee Thank you. I will change the functionality. It was my first idea to put the function in button. As you say, it is pretty annonying. I love your tips.

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