Design comparison
Solution retrospective
I'm proud that I completed the project and figured out the JavaScript, even though I relied on a lot of help from Google along the way. There's still a lot for me to learn, and I want to keep improving my JavaScript skills so I can solve problems more independently in the future.
What challenges did you encounter, and how did you overcome them?Sure! Here’s a more concise explanation of how you handled coding the error state: One of the challenges I faced was implementing an error state for the "Number of People" input before performing calculations. In the calculateAmounts function, I check if the input is empty or less than or equal to zero. If so, I set the outline color to red and displayed an error message, using return to prevent further calculations.
If the input is valid, I reset any error states, ensuring calculations are only done with valid data. This approach provides immediate feedback to users and enhances the overall functionality of the tip calculator.
What specific areas of your project would you like help with?Need more practice solving problems with JavaScript. I intend to do more problem-solving.
Community feedback
- @AndresLamarPosted 29 days ago
Great solution overall! Maybe you should add validations to Bill and Custom tip inputs
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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