Skip to content
Submitted 3 months ago

Tip Calculator App created using OOP and responsive modern design

Peter Godspower•640
@TheBeyonder616
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

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

  • Bart Feesley•220
    @antimatterhutPosted 3 months ago

    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

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