Question
HTML question. You've been hired by International Products Calculator to create a web page that calculates the price, tax, and total for a purchased product.
HTML question.
You've been hired by International Products Calculator to create a web page that calculates the price, tax, and total for a purchased product. Pick a product category and organize the web page like this (this product category is boats):
Place the following on the page:
A page title formatted with header style h1.
An image corresponding to your product category. You may get the image from the Internet. Try to match the width and height of the image so that it doesnt appear distorted.
A horizontal rule below the image.
A product text box.
A quantity text box that only allows numbers.
A unit cost text box that only allows numbers.
A price button that calls a CalcPrice function that multiplies the value in the quantity text box times the value in the unit cost text box, and places the result in a read-only price text box:
document.getElementById('tPrice').value =
document.getElementById('tQuantity').value *
document.getElementById('tUnitCost').value;
A tax button that calls a CalcTax function that multiplies the value in the price text box times 0.06 (the Michigan sales tax rate), and places the result in a read-only tax text box:
document.getElementById('tTax').value =
document.getElementById('tPrice').value * 0.06;
A total button that calls a CalcTotal function that adds the value in the price text box and the value in the tax text box, and places the result in a read-only total text box:
document.getElementById('tTotal').value =
parseFloat(document.getElementById('tPrice').value) +
parseFloat(document.getElementById('tTax').value);
A horizontal rule below the total button.
A link to a web page related to your product category.
To test your page, enter values for product, quantity, and unit cost. Then click buttons price, tax, and total.
[your HTML code here]
If possible, format your code like this:
Font Courier New
Font size 9
Bold
[your HTML page here]
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started