Tip Calculator banner

Tip Calculator

2 devlogs
6h 28m 44s

The Tip Calculator project helps users easily calculate the tip amount for a bill.
Users can enter the total bill amount in the input field.
They can also select the tip percentage they want to give.
The calculator automatically calculates the …

The Tip Calculator project helps users easily calculate the tip amount for a bill.
Users can enter the total bill amount in the input field.
They can also select the tip percentage they want to give.
The calculator automatically calculates the tip amount.
It also shows the total amount each person needs to pay.
This makes bill splitting simple and fast.
The project is built using HTML, CSS, and JavaScript.
Currently, I am working on this project individually and improving its functionality.
I am also testing the app to fix small errors and improve the design.
The next step is to add better styling, custom tip options, and make the app more user-friendly.

This project uses AI

I used AI to understand the logic of calculating tips and splitting the bill.
AI helped me write and improve my JavaScript code.
When I faced errors, AI helped me debug and fix them.
I also used AI to learn how to connect HTML inputs with JavaScript functions.
Overall, AI helped me complete the project faster and improve my coding skills.

Demo Repository

Loading README...

kapooranisha781

In this project, I created a Tip Calculator using HTML, CSS, and JavaScript. The goal was to calculate the tip amount and total amount per person based on the bill value and tip percentage. I designed a clean and responsive user interface to make it easy to use. One challenge I faced was correctly calculating and displaying the values for each person. After fixing the logic in JavaScript, the calculator worked properly. This project helped me improve my DOM manipulation and basic JavaScript skills.

Attachment
0
kapooranisha781

Shipped this project!

Hours: 6.19
Cookies: 🍪 9
Multiplier: 1.5 cookies/hr

Amazing project with great features and clear information. Really impressive work.

kapooranisha781

I started the Tip Calculator project by planning the basic idea and features of the app. First, I created the structure of the webpage using HTML, including input fields for the bill amount, tip percentage, and number of people. After that, I used CSS to design the layout and make the interface simple and clean. Then I added JavaScript to calculate the tip amount and the total amount per person. During development, I tested the calculator and fixed small errors in the code. Finally, I improved the functionality and prepared the project for uploading to GitHub.

Attachment
1

Comments

sakshisuman25
sakshisuman25 8 days ago

good