Skip to content
Submitted 5 months ago

Responsive Tip Calculator

tailwind-css
Tarek Islam•220
@tarekul
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?
  • Using the JavaScript DOM to create a calculator app
  • Using the JavaScript DOM to create a form
  • Using the JavaScript DOM to create a form validation
  • Using TailWind-CSS
What challenges did you encounter, and how did you overcome them?
  • Working with the JavaScript DOM events
  • Working with the JavaScript DOM form events
  • Working with the JavaScript DOM form validation
Code

Please log in to post a comment

Log in

Community feedback

  • stephany247•730
    @stephany247

    The functionality of your code is impressive, and the overall layout is fantastic—clean and well-structured. However, the colors are a bit too loud and bright, which could be distracting; consider using a more subtle palette for better user experience. Additionally, the calculation output overflows the layout in some cases. Using JavaScript's toExponential() method can help manage large numbers effectively. With these small adjustments, your project will be even more polished!

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