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 using CSS Grid

Aurel 290

@Aur71

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


Feedback on design and JS code is much appreciated

Community feedback

Elaine 11,400

@elaineleung

Posted

Hi Aurel, well done in putting this tip calculator together! I think on the most part, things are fairly functional here, so great work! The only thing that needs to be fixed are the buttons; when I click on them to change the tip, the numbers in the total screen stay the same and the new tip doesn't get calculated. I think you can try add the getResult function in your click handler and see if that helps. The other thing is, I'm using Firefox, and it doesn't automatically delete the values of the input when I refresh, and so I needed to manually delete the inputs. I had the same thing happen in my app, and I used an onload event listener to call the reset function.

Hope this helps you out!

Marked as helpful

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