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

@Medido1

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@tufcoder

Posted

Hello! First congratulations on finishing the challenge!

I'm having a little difficulty giving some specific code feedback, it seems to me that you know well what you're doing.

What I can say is that the features are not 100% ok. I had a little trouble getting the App to work, I think you just need to test different ways for the user to enter data and ensure a good flow. For example, I will list some difficulties below:

  • When typing a value in Bill and then clicking on 5%, the calculator shows NaN (Not a Number) and I have to click on Reset
  • The Reset Button is not disabled by default
  • When filling in the Custom input and clicking on a button, for example 5%, the custom input remains filled

I believe that fixing this flow would make it much better to test/use your calculator!

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