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

Responsive tip calculator with CSS and JS;

Edmunds 170

@Fansters

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


Hey all, I had fun building this project. Javascript was obviously the fun part in this app. At times i had problems writing the logic behind this tip app, but managed to somehow make it work overall. Sometimes i overthinked the solution which made things worse. There are a lot of things i still would change and will still do after submitting this project. I will go through other solutions, to see how i could improve my apps functionality.

My question to community would be:

  1. HTML
  • what would be the best way of doing the % buttons? In my case, i chose button elements. I assume this could be also done with input element as type=''button''.
  1. JS
  • the whole app is basically made using if/else statements. What logic would you choose to implement in this app?

Community feedback

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