Tip Calculator using HTML, CSS and JS

Solution by
Desktop design screenshot for the Tip calculator app coding challenge
This is a solution for...

Tip calculator app

View Challenge

Design Comparison



  • 3Accessibility

  • 1HTML

View Report

Aaryan Nayyar's questions for the community

  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.
Slack logo

Join our Slack community

Join over 50,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!