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 Calculator App using Vite, Sass and Vanilla JS

P

@kaamiik

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


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

This challenge is part of JS fundamentals and the most thing I proud practicing more and more java script.

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

  • There was some form text and radio inputs inside a grid layout. this part was challenging.

  • Positioning the header, main and footer in the whole page was also challenging.

  • On the JS There is two part. One for validation of the inputs and enabling or disabling for reset button. And one for calculating bill based on tips and number of people and updating values.

What specific areas of your project would you like help with?

Please take a look at the different parts of my code and if you see any issues, give me feedback so I can improve. Thank you. Specially on the JS part

Community feedback

P

@marcel-schmidt-dev

Posted

Nice Solution, but i found a little bug. When i type 0 in the number of people input, the error-message is ontop of the the input and prevents to click on input again

Marked as helpful

0

P

@kaamiik

Posted

Thank you very much. I think the reason is the z-index. because the error message is on the top of the input. I will fix it. @xDCoffin

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