tip calculator html, css, javascript, flexbox

Solution retrospective
Updated version after I got valuable feedback for the first attempt. Also fixed issues from the html report. 😊
Hi everybody, thanks for checking out my tip calculator solution. :) It was quite challenging for me. I tried my best to make it accessible for everybody. Now it works. I also tried to keep my code read-able, so I hope you guys find it clear enough. Any feedback is welcome! Happy coding! Linda 😃
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@axseinga
Hi ellienndea,
Congrats on finishing this challenge!
Here are some suggestions from me:
- you can center your calculator vertically on the desktop design, so it does not stick to the bottom of the page,
- I would make the "coded by" paragraph much smaller, it looks really big on the desktop and it breaks into two lines on the mobile,
- you can change the event of event listener to "input" instead of "change" as it was suggested to me as well (I used originally "keyup"). With the "change" your event fires only when User clicks outside after filling the inputs,
- you can try to break your javascript code into smaller functions so it's more readable :) article about good practices in JS
I hope it will be helpful for you :) It's not so easy challenge. Great work!
Marked as helpful - @ChamuMutezva
Greetings Ellienndea
Well done, you did well on this project. The calculation are working well, one thing that you need to take care of are numbers below zero - you validated for zero but not amounts less than zero
Happy coding
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