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 using Sass and Vanilla JS

@Jaclem

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 I recommend you to see the accessibility problems thrown at the time of loading the challenge, are of great contribution for future projects, additionally

  • make an effective validation of the fields, which 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
  • data like this 12-2 should not be allowed
  • in the people field it should not allow decimals in addition to the above -in the custom field it should not allow in addition to the above a number >100; -the color of the reset field is as gray starting with
0

@Jaclem

Posted

@Mtc-21 Thanks for the input, I fixed most of the issues that you mentioned above so it should now display error messages if negative numbers are added and if the input remains blank.

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