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

HTML, CSS and Vanilla JS

mcz 95

@mauCZ

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


I messed up with JS code and is a bit different from the result it should be, but at least it seems to work fine. If you have feedback about styling or code is welcomed.

Community feedback

Account Deleted

Hi,

The functionality is pretty much on point, except for the fact that I have to enter the bill, then the people and back to the tip and that's the only way it works... I should be able enter values in any sequence;

& the design looks ok, just seems a little bit stretched out based on the height.

Marked as helpful

0

mcz 95

@mauCZ

Posted

@thulanigamtee yeah the computation is done when 'blur' events happens in the number of people input, not intuitive. Thanks for the opinion

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