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

Responsive Tip Calculator in Vanilla JS

@aronsn

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


Greetings!

Can finally conclude the JavaScript fundamentals (beginner) roadmap!

I think I spent a lot of unnecessary time in planning ahead when structuring the html and styling. Not everything was appearent right away. Did do a some refactoring with the logic later on as well (tried to be as declarative as possible).

Still making progress on quickly "knowing what to do" when doing these challenges. Very happy about that.

I am weak on accessibility though, and definitely need some feedback around that field so I can revisit this challenge and make new changes.

If you think any of the code can be better Id like to know!

If you have some suggestions on what challenges to do next, Id like to hear them as well.

Thanks!

Community feedback

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