Skip to content
Submitted over 1 year ago

Responsive Tip Calculator App - HTML/CSS/JS

keziarkts•370
@keziarkts
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

Hello everyone!

It's not perfect yet but I'm glad with the result and the fact that I learned so many many things with this challenge 😀

My difficulty: The "custom tip" part

Let's say that when a user types in their custom tip value but finally decide to click one of the suggested/default tips, I don't know how to remove this value and come back to the default text "Custom" (the calculation part is ok though). For the moment, the only solution is to click the reset button.

Maybe it's easy to resolve this but I just can't see the solution :(

Thank you for your help

Happy coding 🎉

Community feedback

  • papa•340
    @PapsPythonPosted over 1 year ago

    @KEZIARKTS. I suggest

    button.addEventListener("click", selectTipPercentage)

    function selectTipPercentage(){ customtip.value=" " }

    0
    keziarkts•370
    @keziarktsPosted over 1 year ago

    @PapsPython thank you for your suggestion :)

    0

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