Skip to content
Submitted over 2 years ago

Tip calculator app with vanilla javascript

Yacine Kahlerras•820
@yacineKahlerras
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

any feedback is welcome 🙏. the resolutions of it are a bit challenging but the javascript code side of it is pretty straightforward since its just divisions but it took me a bit of time to add all the small tweaks and options to the app so people can use it more easely.

Community feedback

  • Babacar Ciss•460
    @Babacar-CissPosted over 2 years ago

    hi dear that's very nice

    • if you want to remove the spinner inside input field use this snippet :
      input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover / -webkit-appearance: none; margin: 0; / <-- Apparently some margin are still there even though it's hidden */ }

    input[type=number] { -moz-appearance:textfield; /* Firefox */ }

    Marked as helpful
    1

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