Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Tip Calculator App

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

Solution retrospective


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

Maybe instead of trying to prevent certain inputs in the fields i should instead sanitize and create an input string to work with....i don't know ....

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

Even with number input fields, letters, operators, etc.. can still be typed in by default which makes no sense to me ... anyway i had to prevent unwanted inputs as best i could...which then i had to rewrite because Firefox number input fields logged `` when dots were input as value. Advice i found online said to use text input instead, so i changed them, which then started causing issues in google chrome like pressing AltGr + number key symbols the number key setting isDigit to true letting the input trough - regardless of what key it was - with the symbols creating issues. I don't know...did what i could.

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 Kitalphar'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