
Design comparison
Solution retrospective
💻 Hello, Frontend Mentor Community,
This is my solution for the Tip Calculator. 🛠️ Built with:
HTML ✨ CSS 🎨 JavaScript 🧾
Fully responsive design crafted with a mobile-first approach 📲 Different errors were handled and visualized. I tried to pay attention to the refactoring of the code and good practices.
What challenges did you encounter, and how did you overcome them?Css still a bit struggle. It was challenging to look into details for error handling and to find right points when to reset the errors and changes.
What specific areas of your project would you like help with?Feedback is always welcome—let’s grow together! 🌱
Community feedback
- @YacoubDweikPosted 5 months ago
Good job
Something very annoying is that I can't enter the bill value cuz I got always focus on the people value cuz it can't be zero so why don't you just put its value to 1 by default or at least git rid of that focus.
another thing is that whenever I select a tip then I move to change the bill or the people my selection is gone.
another thing in custom tip is that I can enter 100000000000 and nothing will stop me from doing that
another thing is that the reset does not reset the values on that show box
Marked as helpful1P@YuliaLantzbergPosted 5 months ago@YacoubDweik Hi. Thank you for your feedback. I agree with your first point, but it was the part of the task to keep the default value of people zero, so I did it in this way. Still, default 1 is more reasonable, so I changed it back. In my opinion, one should rethink the tip for different amounts or numbers of people, so I find it better to reset the tip. This calculator can be used in restaurant or by real estate agent or insurance, so I don't see the reason to ceil limit the sum. Thank you about pointing out on the reset bug. It is fixed.
0
Please log in to post a comment
Log in with GitHubJoin 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