Skip to content

nanthakumar-m/Tip_Calculator-Html-Css-Javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’ฐ 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

๐Ÿ“ธ Screenshots

image

image

About

A clean and responsive web app to calculate tips based on bill amount and percentage using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages