Tip Calculator banner

Tip Calculator

Created by: sakshisuman25
1 devlog
2h 0m 2s

Description
A Tip Calculator is a simple web application that calculates the tip amount and total bill based on the bill amount and tip percentage entered by the user. It is built using HTML, CSS, and JavaScript. This project helps users quickly …

Description
A Tip Calculator is a simple web application that calculates the tip amount and total bill based on the bill amount and tip percentage entered by the user. It is built using HTML, CSS, and JavaScript. This project helps users quickly calculate how much tip to add and the final amount they need to pay.

This project uses AI

I used AI tools to help solve errors and understand the code while building this Tip Calculator project.

Demo Repository

README

Loading README...
sakshisuman25
sakshisuman25 worked on Tip Calculator
3 days ago
2h 0m logged

Devlog – Tip Calculator

Today I worked on building a Tip Calculator using HTML, CSS, and JavaScript. First, I created the basic structure of the page with HTML and added input fields for the bill amount, tip percentage, and number of people. Then I used CSS to style the page and place everything inside a clean box layout.

After that, I wrote the JavaScript code to calculate the tip and total amount. I also fixed some errors in the code and tested the calculator to make sure it works correctly. During this process, I practiced DOM manipulation and basic JavaScript calculations. I also used AI tools to help solve some coding errors and understand the logic better.

Attachment
2

Comments

sakshisuman25
sakshisuman25 3 days ago

I work very hard to make this project intarctive with perferct UI selection

Skittish
Skittish 2 days ago

I remember doing something similar to this for my AP C.S.P. class, except it was for loan payments instead of tips. Looks good bro! If I was to give any suggestions it would be for you to have more fun with the design, but that’s a personal preference of mine, so take it with a grain of salt