JavaScript Tip Percent Calculator

Hosted Project

JavaScript Tip Percent Calculator

GitHub Source Files

https://github.com/JS-Beginners/percentage-tip-calculator

Project Objective

This project uses JavaScript to create a percent tip calculator. The user adds an amount and a tip percent and the calculator then outputs a total tip and bill amount.

JavaScript Used

• eventListeners()
• DOM manipulation

My Personalize Summary

This project, like the previous JavaScript Digital Clock project, is pretty basic and could also be done in as little as a half hour, depending on your skills.

I didn't look at the instructor's JavaScript solution until after I was finished.

This is when I noticed that he actually used jQuery instead of vanilla JavaScript to code his solutions.

My solution, as you'll see when you go to my git repository, uses plain vanilla JavaScript.

New Things Learned or Refreshed

Again, this JavaScript Tip Percentage Calculator project was pretty basic, but it was definitely better than the JavaScript Tip Calculator I did a few projects back.

But it's less advanced and less customized than the JavaScript Tip Form Calculator I completed using John Smilga's course.

Still, it has basic logic and data validation so it's good enough in my book.

Time to Code

This project took me about 30 minutes to complete on my own.

Your Turn!

What To Accomplish

1. Download the source code from the github repository above.
2. Delete the contents of the app.js file.
3. Implement the JavaScript code in your own app.js file.
4. If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
5. Add a link to your finished project below!

What You Should See

Visit the hosted github page to see this JavaScript Tip Percentage calculator in action.

Need to see the video solution for this project?

Need to see the video solution for this project? Get Bluelime's JavaScript for Beginners: Create 27 Projects from Scratch Course Now!