Skip to content
Submitted 4 months ago

Responsive tip calculator app

jonathanudeh•340
@jonathanudeh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

For some weird reason the javascript parts of these projects comes easy, even easier than the css.

What challenges did you encounter, and how did you overcome them?

The challenges i encountered where the layout which took me extra ours than i had planned and the cases in my javascript calculaion where the calculations where reading 'infinity' or NaN both i fixed all that. T

Community feedback

  • P
    Radu Petre Tarean•560
    @2XG-DEVPosted 4 months ago

    Really nice job!

    In my solution i just focused on the validations a lot and that made sure that i did not have to handle those cases where the results would be weird values because the user cannot input invalid numbers such negative ones or zero.

    I see your solution does not do validations at all and still outputs infinity and such, should add those form validations in.

    You can checkout mine for help, overall very nice solution, styling is very good, did not know you could nest classes like that.

    Marked as helpful
    1
    jonathanudeh•340
    @jonathanudehPosted 4 months ago

    @2XG-DEV Thank you for your feedback sir, I immediately went to fix up my code after reading your comment.

    I was out all day and couldn't go with my laptop so initally I had to use my mobile to code(I was a bit slow using my mobile since i couldn't test without commiting), but as soon as I got home I completed it using my laptop. Please do check it out.

    And about nesting in native css, I saw that in a post on LinkedIn and after trying it out I loved it. I guess thats one more point against sass, lol.

    0

Please log in to post a comment

Log in with GitHub

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