Skip to content
Submitted almost 4 years ago

Tip calculator - html , sass and javascript

Chamu•13,820
@ChamuMutezva
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I had not used the reset before, and tried to use it this time around. Whilst it cleared the inputs automatically, i still have to figure out its proper use as my variables are not being reset - reset.addEventListener("reset", function())

  • where reset is the reset button. Looks like i need to add the eventlistener on the form rather than the reset button Let me know of any bugs and improvement
Code

Please log in to post a comment

Log in

Community feedback

  • Davide•1,705
    @Da-vi-de

    Hi Chamu, It looks very good, well done! I did try it and everything works just perfect, on mobile as well, either in Chrome and Firefox. Nothing failed! Happy coding :-)

    Marked as helpful
  • hardy•3,640
    @hardy333

    Hey everything works great. Nice Job.

    One quite important suggestions:

    • Try to remove invalid outline on inputs if user clears input,
  • Azka•480
    @Azkanorouzi

    hello chamu nice work ! I would be appreciate if you take a look at my solutions and give me your honest advice😊

  • Mariusz Olszewski•360
    @molszewski34

    Hey can you explain me why you used so many external files .map? It's first time i see something like this and i am curious about it. Why you separated code in so many files in dist folder?

  • Account deleted

    Everything works fine ! I would add an opacity: 0 or display: none to the input:radio. If I navigate with my keyboard (tab key), it displays the input-radio of the first tip (5%). Quite strange :)

  • Chamu•13,820
    @ChamuMutezva
    • the reset button is failing on my mobile. What did I miss?

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