
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
- Download the source code from the github repository above.
- Delete the contents of the
app.js
file. - Implement the JavaScript code in your own
app.js file.
- If you think you need to see a video solution first, be sure to pick up Bluelime's 27 JavaScript Projects Beginner Course .
- 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.
Leave a Reply