Skip to content
Submitted 4 months ago

Tip Calculator App using Vite, Sass and Vanilla JS

Kamran Kiani•1,280
@kaamiik
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?

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

  • marcel-schmidt-dev•480
    @marcel-schmidt-devPosted 4 months ago

    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
    Kamran Kiani•1,280
    @kaamiikPosted 4 months ago

    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

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