Skip to content
Submitted about 1 month ago

Tip Calculator with HTML, CSS and Javascript

P
Joel Jacob Omeiza•280
@JoelJacobO
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

This project really opened my eyes on how forms works and how DOM in general works.

What challenges did you encounter, and how did you overcome them?

Adding eventHandler to a button in a form and expect some input to behave in certain ways, i had to do a whole lot of research to come up with a solution.

What specific areas of your project would you like help with?

None for now.

Code

Please log in to post a comment

Log in

Community feedback

  • Jaya Sharma•110
    @jayasharma5372

    Hey Joel 👋, Great job on completing the Tip Calculator project! 🙌

    Here’s what stood out to me:

    What you did well:

    The UI is clean and matches the design really well.

    The functionality works smoothly across different tip percentages.

    It's great to see it built with React — your component structure is clean and easy to follow.

    Nice use of controlled inputs and real-time updates!

    Suggestions for improvement:

    You could add validation for when users leave fields empty or input zero values — maybe a small warning or disabled button.

    Consider adding a reset button to clear all values.

    Accessibility could be improved with labels or ARIA attributes for better screen reader support.

    Marked as helpful

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