Simple Tip Form Calculator in HTML,CSS and Javascript

TIP FORM CALCULATOR

What is tip calculator? It is nothing but a gift that restaurant serves you.It is a simple tip calculator that inputs billing amount, a genuine feedback. As per the input it generates a tip for the serving person.



It is very simple project.So Let's begin by creating HTML File.

Using HTML, we can give them options for the input and submit button

Index.html




It is a very simple Right!!

Now We add CSS File to decorate our project giving some fonts and colors.

style.css




Now we add our javascript file to make our project works.

app.js




First of all the function is called when calculate button is clicked.

querySelector() is used when the first element that matches one or more CSS selectors. 

.toFixed() is converts a number to a string.

The tip value displaying the output.

MISSION ACCOMPLISHED!!!!

If you have any doubts or any confusion, ping me or comment me.I will give you the solution

THANKS FOR READING AND HAPPY CODING💜




Comments

Popular Posts