4. Order Form Page Your order form should contain the following form elements:
.
ORDER FORM
Input text boxes for the following information: customer name, street address, city, zip code. Make these required form fields that the user must fill out before submitting their order. You can use HTML to make these required. Select drop-down menu input for the state providing selections of all 50 states. Number input boxes for the quantity of each product you offer. The labels for these input boxes should be your product names, and you should have text above them so the user knows to enter quantities they want to order in them. Note: You must offer a minimum of 3 products for sale on your web site. Radio button inputs for the 3 shipping options o For the shipping, provide 3 options: Overnight, 2-Day, Standard o Make sure the appropriate shipping price is displayed to the customer on the web page beside each radio button option Order button that displays the text: Place Order 5. The JavaScript on your Order Form Page should take the form input from the website visitor and print an order summary to the web page in an attractive way once the Place Order button is clicked. The order summary should be outputted to the web page underneath the form and contain the following information: 1. the current date and that their order was successfully placed 2. the number of and type of products ordered displayed in a table 3. the tax amount to be paid on the order - Kentucky gets 6% tax, Ohio gets 5.75%, and other states don't have tax charged 4. the shipping cost of the order you can decide your shipping charges but remember you have 3 levels of shipping with different costs 5. total cost of the order (i.e. cost of products + tax + shipping) 6. Use an array to store the quantity ordered for each product offered. For example, if the customer ordered 2 of the first product, none of the 2nd product, and 3 of the 3rd product, you would have an array that contains [2,0,3] for the quantities. You should then display the products and quantity ordered in a table back to the customer in the order summary information as required above. 7. The JavaScript on the Order Form Page should make sure that the number of products ordered is greater than 0 for at least 1 product or the customer will get an error displayed on the webpage making them fix the quantity ordered before getting their order information printed to the page. 8. The JavaScript on the Order Form Page should make sure that a shipping option, state and a product is selected or the customer will get an error displayed on the web page making them pick an appropriate option before getting their order information printed to the page
