Skip to content
Submitted over 3 years ago

Tip Calculator using HTML, CSS and JS

Aaryan Nayyar•60
@Arreyawn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

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

  • LetsFrontend•500
    @B1N4R1Posted over 3 years ago

    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

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