Exercise 1: Given the following HTML Code: Tip Calculator Bill Amount: Tip Percentage: Tip Percentage Total Bill with Tip

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
Urgent I need the solution
Exercise 1: Given the following HTML Code:
<h1>Tip Calculator</h1>
Bill Amount:
<input type="number" id="billTotal" onchange="OnValueChange ()">
<br/><br/>Tip Percentage:
<input type="range" id="tipInput" value="0" onchange="OnValueChange()">
<div id="output" style="visibility:hidden">
<br/><br/> Tip Percentage
<input type="text" id="tipAmount" disabled>
<br/><br/> Total Bill with Tip
<input type="text" id="totalBillWithTip" disabled>
</div>
Implement JavaScript OnValueChange() function that will do the
following:
If the bill amount field is ZERO or Below: Show the alert message
"Error: Bill Should be > 0" and hide the output div block.
• If the bill amount contains a valid input, show the output div block and
display tip amount and total bill with tip, as shown in the figure below.
Note that Total Bill with Tip = Bill Total + Bill Total x (Tip Amount/100)
Tip Calculator
Bill Amount: 400.75
Tip Percentage:
Tip Percentage 25%
Total Bill with Tip 500.9375
Transcribed Image Text:Exercise 1: Given the following HTML Code: <h1>Tip Calculator</h1> Bill Amount: <input type="number" id="billTotal" onchange="OnValueChange ()"> <br/><br/>Tip Percentage: <input type="range" id="tipInput" value="0" onchange="OnValueChange()"> <div id="output" style="visibility:hidden"> <br/><br/> Tip Percentage <input type="text" id="tipAmount" disabled> <br/><br/> Total Bill with Tip <input type="text" id="totalBillWithTip" disabled> </div> Implement JavaScript OnValueChange() function that will do the following: If the bill amount field is ZERO or Below: Show the alert message "Error: Bill Should be > 0" and hide the output div block. • If the bill amount contains a valid input, show the output div block and display tip amount and total bill with tip, as shown in the figure below. Note that Total Bill with Tip = Bill Total + Bill Total x (Tip Amount/100) Tip Calculator Bill Amount: 400.75 Tip Percentage: Tip Percentage 25% Total Bill with Tip 500.9375
Expert Solution
steps

Step by step

Solved in 3 steps with 1 images

Blurred answer
Knowledge Booster
Form and its Elements
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education