A simple, clean, and intuitive web application to split a bill among multiple people. This tool is perfect for dinners with friends or any situation where you need to divide costs fairly. It allows you to add multiple items, specify a different number of people for each item, and calculate the total with an optional VAT percentage.
Dynamic Item Management: Easily add multiple food or drink items to the bill.
Item-Specific Splitting: Assign a different number of people to each item for complex bills.
Easy Removal: Made a mistake? Remove any item with a single click.
VAT Calculation: Apply a percentage-based VAT to the subtotal.
Detailed Summary: Get a clean, itemized receipt showing the cost per person for each item, the subtotal, the total VAT amount, and the final grand total.
Clean UI: A modern, dark-mode interface that's easy to use.
Pure JavaScript: No frameworks needed—built with plain HTML, CSS, and JavaScript for lightweight performance.
HTML5: For the structure and content of the application.
CSS3: For custom styling, layout, and the dark-mode theme.
JavaScript (ES6): For all the client-side logic, including DOM manipulation and all calculations.
Font Awesome: For icons used on the buttons.
Enter the first item's details: Fill in the meal name, the total amount for that meal, and the number of people sharing it.
Add more items: Click the + Add another Item button to add more meals to the bill.
Remove an item: If you need to remove an item, simply click the Remove Item button next to it.
Enter VAT: Input the VAT percentage in the designated field. If there's no tax, you can leave it blank or enter 0.
Calculate: Click the Calculate button to see the final, detailed receipt summary appear at the bottom.
.
├── index.html // The main HTML structure
├── styles.css // All CSS styles for the application
└── app.js // The core JavaScript logic