Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Tip Calculator page using HTML, CSS and JavaScript

Anshdeep Kapula•70
@AnshdeepSKaps
A solution to the Tip calculator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I am a beginner and had some difficulties:-

  1. If, for instance, the custom value is the same as one of the existing boxes, and then I try to select some other percentage box is selected, some weird behaviour is seen. This happens due to my implementation of which box to 'unselect' when a new one is selected, and the custom box kinda messes it up. Sorry if this wasn't clear xD

  2. The input for number of people stays red if the red activates once, and then the reset button is pushed.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Anshdeep Kapula's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License