Skip to content

A simple Tip Calculator web application that allows users to calculate the tip amount based on the bill, number of guests, and service quality. Built using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

maahmed24712/calculating-a-tip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Tip Calculator

This is a simple Tip Calculator web application that allows users to calculate the tip amount based on the bill, number of guests, and service quality.

Usage

  1. Enter the bill amount in the designated input field.
  2. Enter the number of guests in the designated input field.
  3. Select the service quality from the dropdown menu.
  4. Click the "Calculate" button to display the tip amount.
  5. The tip amount will be shown below the calculator.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Styling

The web application is styled using CSS, including conic gradients and font styles.

Responsive Design

The calculator is designed to be responsive and adjusts its layout based on the screen size. Media queries are used to adapt the input fields and buttons for smaller screens.

Animation

The "Tip Amount" is displayed using an animation effect. It fades in and fades out using CSS keyframes.

About

A simple Tip Calculator web application that allows users to calculate the tip amount based on the bill, number of guests, and service quality. Built using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published