Can someone look over my JS code? I can't seem to get the 'order' portion to display. thanks

Sorry, It wouldn't let me edit the other one again to get the HTML code in there.

Create a function with the name processFood(). Within the function, do the following: a. Declare five local variables: prop; crustOpt, which references the elements with the name crust; toppings, which has a value of 0; toppingBoxes, which references the elements with the name toppings; and instr, which references the element with the id value instructions. b. Add an if/else statement that checks if the first item in the crustOpt array is checked. If so, the crust property of the foodInfo object should be assigned the value of the first item in the crustOptarray; otherwise, the crust property of the foodInfo object should be assigned the value of the second item in the crustOpt array. c. Add a statement that assigns the value of the element with the id value size as the value of the size property of the foodInfo object. d. Create a for statement that sets a counter variable to 0, repeats the loop as long as the counter is less than the length of the toppingBoxes array, and increments the counter variable by one after each loop. Within the for statement, add an if statement that checks if the element of the toppingBoxes array at the index of the counter variable is checked. If the condition is true, increment the toppings variable by 1, and create a new property in the foodInfo object using the name topping plus the value of the toppings variable, and set the new property's value to the value of the current element in the toppingBoxes array. e. Add an if statement that checks if the element referenced by the instr variable has any content, and if so, creates an instructions property for the foodInfo object and sets its value to the value of the element referenced by the instr variable.

Hands-on Project 7-5

Pizza Order Form

Delivery Information

Name Street Address City Email Phone

Order

Crust

Thin Crust Deep Dish

Size

Small Medium Large Extra Large

Topping(s)

Pepperoni Sausage Green Peppers Onions Extra Cheese Special Instructions

Order Summary

Deliver to

Order

---JS code

*/ "use strict";

var delivInfo = []; var delivSummary = document.getElementById("deliverTo"); var foodInfo = []; var foodSummary = document.getElementById("order");

function processDeliveryInfo() { var prop; delivInfo.name = document.getElementById("nameinput").value; delivInfo.addr = document.getElementById("addrinput").value; delivInfo.city = document.getElementById("cityinput").value; delivInfo.email = document.getElementById("emailinput").value; delivInfo.phone = document.getElementById("phoneinput").value; for (prop in delivInfo) { delivSummary.innerHTML += "

" + delivInfo[prop] + "

"; } }

function previewOrder() { processDeliveryInfo(); processFood(); document.getElementById("deliverTo").style.display = "block"; }

function processFood() { var prop; var crustOpt = document.getElementById("crust"); var toppings = 0; var toppingBoxes = document.getElementById("toppings"); var instr = document.getElementById("instructions").value; //radio box checked for crust if (document.getElementById('thin').checked) { foodInfo.crust = document.getElementById('thin').value; } else if (document.getElementById('thick').checked) { foodInfo.crust = document.getElementById('thick').value; }

foodInfo.size = document.getElementById('size').value;

//Storing all the values which are checked

for (var i=0, n=toppings.length;i"; foodSummary.innerHTML += "

Size : " + foodInfo.size + "

"; foodSummary.innerHTML += "

Topping (s) : " + "

"; foodSummary.innerHTML += "

"; for (var i = 1; i < 6; i++) { if (foodInfo["toppings" + i]) { foodSummary.innerHTML +="
• " + foodInfo["toppings" + i] + "
"; } } foodSummary.innerHTML += "

"; foodSummary.innerHTML += "

Instructions: " + foodInfo.instructions; document.getElementById("order").style.display = "block"; }

function createEventListener() { var previewButton = document.getElementById("previewBtn"); if (previewButton.addEventListener) { previewButton.addEventListener("click", previewOrder, false); } else if (previewButton.attachEvent) { previewButton.attachEvent("onclick", previewOrder); } } if (window.addEventListener) { window.addEventListener("load", createEventListener, false); } else if (window.attachEvent) { window.attachEvent("onload", createEventListener); }