Tip_Calculator-Html-Css-Javascript
💰 Tip Calculator – Simple and Handy Utility Tool
The Tip Calculator is a lightweight web application built with HTML, CSS, and JavaScript that allows users to quickly calculate the tip amount and total bill based on a given percentage. It’s ideal for real-life use cases such as dining out or splitting bills.
This project was created to enhance my skills in form handling, user input validation, and basic arithmetic logic using JavaScript. It also helped improve my ability to build clean and centered UIs with CSS.
🔗👉 click here to see the live demo –>https://nanthakumar-m.github.io/Tip_Calculator-Html-Css-Javascript/index3.html
⚙️ Technologies Used
- HTML5
- CSS3
- JavaScript
💡Core Features
✅ Input fields for bill amount and tip percentage
✅ Real-time calculation of:
-
Tip amount
-
Total bill including tip
✅ Validation for empty or invalid inputs
✅ Responsive button interactions and dynamic result display
🎯 What I Gained / Concepts Practiced
✅ JavaScript DOM manipulation using getElementById()
✅ Data parsing and number formatting with parseFloat() and toFixed()
✅ Form validation for user input
✅ CSS styling for centered, clean, and modern UI