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

tip-calculator-main-app with currency selector and dark mode

achrustowski•150
@achrustowski
A solution to the Tip calculator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I decided to take this one a bit further and implement currency selection as well as dark mode. Had a lot of fun with this challenge and it's a first one where I actually added my own "touch".

Had one issue where I was not able to use getElementsByClassName to select multiple elements with same class names. querySelectorAll also did not work. Not sure why.

I know there is a lot of improvements to be done for my JS code in order to "clean it" up a bit but I tried my best to obey DRY rule :)

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 achrustowski'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
  • Use cases

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