I have to create a javascript file for a homework assignment (what I came up with is under the question) and I am totally stumped. This is case problem 2 from Tutorial 12 in New Perspectives HTML5, CSS3, and Javascript Sixth Edition by Carey.

3. Add an event listener that runs the setupCart() function when the page is loaded.

4. Create the setupCart() function. The purpose of this function is is to define the event handlers for the Add to order Buttons on the page. Add the following commands to the function:

a. Create a variable named addButtons, which contains the collection of elements belonging to the addButton class.

b. Loop through the addButton collection and for each button, add an event handler that runs the addItem() function when the button is clicked.

5. Create the addItem() function, which adds items to the shoping cart on the page. Add the following commands to the function:

a. description of the food item is the next sibling element to the button that was clicked by the customer. use the nextElementSibling property to reference the next sibling

element to the target of the event object. Store the sibling element in the variable foodItem.

b. Create the foodID variable – contains the value of the id attribute for foodItem

c. Use the cloneNode() method to create a copy of the foodItem element and all of its descendants – store in foodDescription variable

d. shopping cart is stored in an aside element with the ID “cart” – store reference to this in variable named cartBox

The shopping cart needs to determine whether product ordered by customer has already been ordered = to do this, add span element to the top of each item in the cart containing

the # of items of each product ordered and update value when product order repeated. do following to create order counter for each product.

e. create variable duplicateOrder – set initial value to false

f. loop thru element child nodes of cartBox – for each node determine whether ID of element node equals foodID. If it does, previously placed that menu item in cart. Increase

value of the first element child of node by 1 to indicate an additional order and then break out of the for loop.

g. After the for loop has complete – test duplicateOrder is still false. if it is, declare a variable orderCount – storing span element node. set text content of the orderCount element

to 1. Insert orderCount as first child of foodDescription node structure and append foodDescription to cartBox as a new product order.

This is my code – if you could tell me what I’ve done wrong that would be hugely appreciated! (Sorry doesn’t copy and paste with all the proper indentations and such :S

window.addEventListener(“load”, setupCart);

function setupCart() {

var addButtons = document.querySelectorAll(“addButton”);

for (var i = 0; i < addButtons.length; i++) {

addButtons[i].onclick = addItem();

}

}

function addItem(e) {

var foodItem = e.target.nextElementSibling;

var foodID = foodItem.getAttribute(“id”).value;

var foodDescription = foodItem.cloneNode(true);

var cartBox = document.getElementById(“cart”);

var duplicateOrder = false;

// Add duplicate items to cartBox

for (var i = 0; i < cartBox.childNodes.length; i++) {

if (cartBox.childNodes[i].id === foodID.id) {

cartBox.firstElementChild.value + 1;

break; //stop processing the for loop

}

}

// Add new items to cartBox

if (duplicateOrder === false) {

var orderCount = document.createElement(“span”);

orderCount.textContent = 1;

foodDescription.appendChild(orderCount);

cartBox.appendChild(foodDescription);

1.Under the Stars is a retail store that sells equipment for activities such as camping, hiking, and stargazing. You are developing a presentation for Under the Stars customers who want to learn to stargaze. To coordinate the colors in the presentation with the photos, change the theme colors to Violet.

2.On Slide 1 (âVIEWING THE NIGHT SKYâ), use Smart Guides to position the subtitle placeholder above the title placeholder as shown in Figure 1 on the next page.

Figure 1: Position for Placeholders

3.On Slide 2 (âSecond star to the right, and straight on âtil morning.â), left-align the title text paragraph.

4.With Slide 2 still displaying, insert and modify an audio file as follows:

5.With Slide 2 still displaying, arrange the text box and the picture as follows:

Figure 2: Position for the Text Box on Slide 2

6.On Slide 3 (âGETTING STARTEDâ), make the following changes to the content placeholders to draw attention to the bulleted list:

7.On Slide 4 (âCONSTELLATIONS: NORTHERN HEMISPHEREâ), insert a text box to identify the constellation as follows:

Figure 3: Position for the Text Box on Slide 4

8.With Slide 4 still displaying, apply the Fly In Entrance animation to the picture.

9.On Slide 5 (âPOPULAR CONSTELLATIONS: GEMINIâ), modify the animation on the picture on the left as follows:

10.With Slide 5 still displaying, apply the Disappear Exit animation to the group containing the picture and the arrow on the right.

11.On Slide 6 (âPOPULAR CONSTELLATIONS: LEOâ), add the Pulse Emphasis animation to the existing animation on the arrow.

12.With Slide 6 still displaying, for the picture on the left, change the duration of the animation to 1.00.

13.On Slide 7 (âSTARGAZING WITH A TELESCOPEâ), insert a video as follows:

14.Check the Spelling in the presentation to identify and correct any spelling errors. (Hint: You should find and correct at least one spelling error. Ignore proper nouns such as the names of constellations.)

In Slide Sorter view, your presentation should look like the Final Figure below. Save your changes, close the presentation, and then exit PowerPoint. Follow the directions on the SAM website to submit your completed project.