Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Failed to decode param 'V%E1clav'
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip_Calculator (Vanilla CSS & JS) (grid)

Eray 1,410

@ErayBarslan

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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-Hai

Posted

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

@ErayBarslan

Posted

@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
Discord logo

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