Skip to content
Submitted about 3 years ago

Tip_Calculator (Vanilla CSS & JS) (grid)

Eray•1,410
@ErayBarslan
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 :) Especially regarding JS since this is my first project with it.

Community feedback

  • Nam HaÏ•820
    @Nam-HaiPosted about 3 years ago

    GREAT GREAT WORK. Everything works as intended. Nothing much to add.

    Well you did kind of cheated for the reset button tho. It refresh the page and thus refresh the count, but I think the point was to make it refresh in the javascript

    1
    Eray•1,410
    @ErayBarslanPosted about 3 years ago

    @BlueTompon Thank you! Hahah yes that's kind of cheating but if it works it works :P Well that wasn't the approach I took at first. But since I used "keyup" on eventListener for warning; when typed "0" and clicked reset, It would still run if (get === 0) statement thus orange outline on focus until keyup. Small error but bothered to have it. Maybe I should run the statement by reading innerText of input instead eventListener. Will try to fix another time.

    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