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

Tipper: Responsive Tip Calculator

Devonte 50

@devontecpennamon

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


Working on projects to add to my portfolio and this seemed like a good challenge for my first project. I would love some feedback on my CSS & JavaScript, this was my first time writing my own CSS & JS without watching a tutorial so I'm looking to improve if anyone has suggestions. Written with plain HTML, CSS, & JS. Thank you in advance for the feedback!

Community feedback

leoenter 130

@leoenter

Posted

I liked it

0
Paola 320

@paolas771

Posted

The layout is good. For the JavaScript instead of having an event listener on the tip buttons you should have it on the number of people input because they will be going top to bottom on entering info so they will select top amount then enter number of people. Also you need to add the tip value to the total amount. Here is my solution if you want to check it out https://www.frontendmentor.io/challenges/tip-calculator-app-ugJNGbJUX/hub/tip-calculator-app-with-javascript-G00OTLZW4

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