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 App created using OOP and responsive modern design

@TheBeyonder616

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


What are you most proud of, and what would you do differently next time?

Using OOP to create the APP

What challenges did you encounter, and how did you overcome them?

I used Input type = "text" at first instead of number, it made me write unnecessary function

What specific areas of your project would you like help with?

Any Feed back on my JavaScript would help..

Community feedback

@antimatterhut

Posted

There are some issues, overall its pretty good though. On desktop, your error message overlaps your "number of people" text. I also think the calculations are wrong. The bill is supposed to be split between the people. So like lets say 100 dollars is the bill, and theres 2 people. Each person would pay 50 dollars. If the tip is 10%, then they would have to split that tip too, so each person would have to tip 5 dollars, so they would end up paying 55 dollars each. Just a few minor things, maybe theres more, but those are the issues I saw right away. I really like the text shadow on hover btw, it make it pop out.

Marked as helpful

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