#10 of 25 Beginner Projects - HTML, CSS, & JavaScript - Tip Calculator ( Responsive Design )

In this project, we create a tip calculator application that calculates the tip amount for a bill.

Try it before you build it ( Hosted with GitHub Pages):

GitHub Repository ( Don't forget to star!):

Sponsor me on GitHub!

Follow my blog:

[zohraneda]

Sending Love and gratitude from Afghanistan.

[ibrahimbakare]

This is awesome! thank for the informative and brilliant tutorials

[ajm]

For anyone that doesn't wanna type out the code at 9:40

font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
background: conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ff7c94, #b78cf7)

[finncollins]

Great Video. Followed from the beginning. Thanks a

[ighareeb]

fade animation needed to be adjusted and also the if condition when NaN....took me forever to get it sorted.
Thanks for your effort though...good for me to do some frustrating debugging and learn

[kevinsolgaard]

There's a mistake in the video:

The video says to give the id "guest" in the HTML, but "guests" (with the s at the end) in the JavaScript. Took me a while to figure out why mine didn't work, and this was the issue :)

[cleversort]

guys do you know why onclick button doesn't work? It also affect js code

[mandarpatil]

Provide the link for checking the project for various dimensions

[muhammedeminkisa]

Thank you for this quick tutorial. I copied the exact same code from you sourcecode that you put in your discription but its not work, why?

[me_sumit_]

Is your website not available anymore??

[Simply-Yanyan]

Hey, what is the name of the website that you go to, to see responsiveness of the webpage ?

[TradersEasyWay]

Thanks for this tutorial! I want to design shipping cost calculator for my website .If I will need your help, I will send you email!