Submitted about 2 years ago

Tip Calculator Real Time App with LocalStorage using JS

Alex Holguin• 410

@JAleXDesigN

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Tip calculator app

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

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

Ismail• 230

@itbeginswithi

Posted about 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 helpful

Alex Holguin• 410

@JAleXDesigN

Posted about 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.

Ismail• 230

@itbeginswithi

Posted about 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!

Please log in to post a comment

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