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]