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 using HTML, CSS and JS

@Arreyawn

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


  1. I can't figure out why the site isn't responsive. I used grid and flexbox around the items but when I try to resize the window, they won't shrink accordingly.
  2. I couldn't figure out the Javascript for the project. Getting the value of the buttons was difficult as I tried using .querySelectorAll but since it returns a nodelist I couldn't get the value of each individual button that the user clicks.
  3. Getting the value of the input fields was difficult as there's no submit button. I can't figure out how to get the value of the input fields without a button click.

Community feedback

@B1N4R1

Posted

I would give you some suggestions and help you with your problems but there seems to be some problem with your github page.

Cheers!

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