Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calculator Component

@Ridwan10000

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


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

I found this project a little bit tricky. Working with vanilla JS is quite hard. Also I learned that styling document via JS is not a good approach. Rather I should create CSS rules and add them to elements via JS on some event.

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

Suggestions regarding to code optimization is appreciated. I know I have made a mess of my code. Also I know I used wrong mark-ups.

Community feedback

@TerezL

Posted

Good job! You are right vanilla JS is really tricky. You did very well, only things you should look for are your inputs where there is "0" added at the end whenever typing

0

@Ridwan10000

Posted

@TerezL yeah. It's hard with vanilla JS

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