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 app

@sskhekhaliya

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

Martha 510

@Mtc-21

Posted

greetings some recommendations:

  • make an effective validation of the fields, that indicates to the user a message with the errors.
  • do not allow data in negative, leading zeros, the following 0123 is taken as a positive number.
  • do not allow data like this 12-2
  • no decimals should be allowed in the person field in addition to the above.
  • in the person field a number >100 should not be allowed in addition to the above
  • the number of persons should not be greater than the invoice number, invoice to 1 and persons to 50, it does not make sense.
  • If you hover over the field and delete the information, the totals should be reset according to what is entered in the field.
  • see the accessibility issues thrown at the time of loading the challenge, they are helpful.

Marked as helpful

1

@sskhekhaliya

Posted

@Mtc-21 thank you so much for your valuable feedback. I will fix them soon.

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