Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calc app using HTML, CSS, jQuery, Bootstrap

@nikkaella

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


would love feedback on organization, and better practices in the JS file. Thank you!

Community feedback

Account Deleted

Hi,

Nice one, your solution looks good but I don't think it's works...

I mean, I entered the values in every sequence, it's either it doesn't work or it returns NAN.

0

@nikkaella

Posted

@thulanigamtee

Thanks for your comment! That's weird. Maybe it's because I don't have it set to calculate on "enter" keypress?

I kinda have it so I have to click outside the input boxes for the totals to change 😅.

0

@furqonfahlevi

Posted

@nikkaella you can use on('input) instead on('change')

Marked as helpful

1

@nikkaella

Posted

@furqonfahlevi that's a much better UX! Thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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