Submitted over 1 year ago

Tip calculator app - Sass, JavaScript, Grid

Hoshiko• 180

@oliwiakramm

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

👩‍💻My solution to this challenge👩‍💻

This project took me longer than usual and it's far from perfect but I consider it completed.

Difficulties:

writing logic for number of people. It's not perfect, because it will show can't be zero when the input is "." "e" "2e" and I don't know how I can change the condition to show 'wrong format' for them

Thank you for any feedback 😁

Community feedback

lodzie• 80

@lodziek

Posted over 1 year ago

Great job using Html CSS Javascript, I'am waiting your React JS version if you'll do it, I think It'll be better using react hooks and lightweighted code version. I think i'll try it using it directly to avoid all this Javascript DOM.

Hoshiko• 180

@oliwiakramm

Posted over 1 year ago

@lodziek Thanks! Maybe one day I will do this with React but right now I have 0 knowledge of React, so it's impossible for me to do it. If you do your version maybe I will be able to learn sth from you in the future :)

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