Assignment 8 – JavaScript 2 IT-130: Introductory Computing for the Web JavaScript Order Form Make a web page that has a form to order a pizza. This page will contain JavaScript that will find which...

Follow instructions for project.


Assignment 8 – JavaScript 2 IT-130: Introductory Computing for the Web JavaScript Order Form Make a web page that has a form to order a pizza. This page will contain JavaScript that will find which elements are selected, get the values of those elements, and then display the total cost on the page. Your webpage will have the following: A

dropdown menu with four options • The first

will be left blank • The second


will be SMALL - $10.00 and add 10.00 to the order • The third


will be MEDIUM - $12.50 and add 12.50 to the order • The fourth


will be LARGE - $15.00 and add 15.00 to the order Six



buttons for toppings • The first checkbox must be “Extra Cheese” and add 2.00 to the order • For the other five checkboxes, choose whatever toppings you want them to be, and how much each one will add to the value of the pizza Two

buttons for Pickup or Delivery • Pickup – this will not add any money to the order • Delivery – this will add 3.00 to the order One

that will run a function that does the following: • Get the value of the

• Get all the values of any/all checkboxes that are checked • Add the cost of the pizza plus the cost of any/all toppings • Add 11.25% sales tax to the total cost of the pizza • Add 3.00 if “Delivery” is selected: o This should be added after sales tax is determined. o Delivery charge should not have tax applied to it. • If a pizza size is NOT selected: o Give an alert() prompting the visitor to select a pizza size. o Change the color of the text next to the size dropdown to red. • If Pickup or Delivery is NOT selected: o Give an alert() prompting the visitor to select Pickup or Delivery. o Change the color of the text about pickup or delivery to red. One with a unique id that will display the answer. Save this assignment as a8.html. Be sure to link your index.html page to a8.html so it can be graded. Hints • One function should perform all the tasks that need to be done • The conditionals for each “topping” should be an if statement. You do not use else or else if for these particular if statements: // code for extra cheese (or whatever) if (some code) { do some code } • The conditional that you use for Pickup or Delivery should be an if / else if / else statement: // pickup if (some code) { do some code } // delivery else if (some code) { do some code } // neither selected else { do some code } • If you missed class the day this was assigned, watch the recording for Class 16. • This assignment is due one week from the day it is assigned. • See screenshots on the next page for tips on how your webpage should look. Screenshots of how your page should look How the page should look when it loads. (Be sure to add your own choices for toppings and your choice of prices for each topping.) How the page should look when the button is pressed. Notice that the words “Your total is: $” plus the cost appears at the bottom. How the page should look if you click the button but do not select a size. NOTE: Depending on your web browser, the text might not turn red until after you click the OK button on the popup window. This is normal. How the page should look if you click the button but do not select Pickup or Delivery. NOTE: Depending on your web browser, the text might not turn red until after you click the OK button on the popup window. This is normal.