Tip Calculator Real Time App with LocalStorage using JS
Design comparison
Solution retrospective
In this solution I have put into practice some topics that I have been learning in JavaScript, such as form validation, adding HTML content from JS and well I am happy with the final result, maybe I need to improve my code, but I think I am progressing in the short time I've been learning this programming language.
If you have any comments or recommendations. I gladly read them.
Community feedback
- @itbeginswithiPosted over 2 years ago
Hi Jonathan, not only does your app's UI look awesome, you've done an amazing job with vanilla JS, well done!!
If you are concerned about small devices trying your website, you may want to add additional media queries for that, your UI on devices smaller than 300px for example starts overflowing, to fix this you may want to decrease the grid-template-columns to two columns per row.
Good luck!
Marked as helpful0@JAleXDesigNPosted over 2 years ago@itbeginswithi Hi Ismail, thanks for your feedback, I made the changes you suggested, if you can review and give me your opinion I would appreciate it.
1@itbeginswithiPosted over 2 years ago@JAleXDesigN All good, I noticed you added error messages on the UI and started using the user's localStorage to store the bill and percentage values, amazing work!
0
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