Program Explanation Given information: The file rb_build.js is provided under the folder html14→ Case3 with reference material. Explanation: Comments are added to the program code to make it more readable and easy to understand by user. General syntax for declaring comment in the java script file: //write your comment here Program code of file rb_build.js with comments: "use strict"; /* New Perspectives on HTML5, CSS3, and JavaScript 6th Edition Tutorial 14 Case Problem 3 Author: XYZ Date: DD-MM-YYYY Filename: rb_build.js */ /* Object literal that stores the price of the pizza items */ var pizzaPrice = { size12: 11, size14: 13, size16: 16, thin: 0, thick: 0, stuffed: 3, pan: 2, doubleSauce: 1.5, doubleCheese: 1.5, topping: 1.5 }; /* Constructor function for the class of cart objects */ function cart() { this.totalCost = 0; this.items = []; } /* Constructor function for individal food items */ function foodItem() { this.price; this.qty; } /* Method to calculate the cost of each item ordered */ foodItem.prototype.calcItemCost = function() { return this.price * this.qty; }; //We tried to use the calcItemCost(), but ultimatly used "item.price" /* Method to return the total cost of the items in the cart */ cart.prototype.calcCartTotal = function() { var cartTotal = 0; this.items.forEach(function(item) { cartTotal += item.price; }); this.totalCost = cartTotal; return this.totalCost; }; /* Method to add the food item to a cart */ foodItem.prototype.addToCart = function(cart) { cart.items.push(this); }; /* Method to remove a food item from a cart */ foodItem.prototype.removeFromCart = function(cart) { for (var i = 0; i < cart.items.length; i++) { if (this === cart.items[i]) { cart.items.splice(i, 1); break; } } }; /* Constructor function for the class of pizza objects */ function pizza() { this.size; this.crust; this.doubleSauce; this.doubleCheese; this.toppings = []; } /* Constructor function for the class of pizza toppings */ function topping() { this.name; this.side; } /* Make both pizza and topping part of the foodItem prototype chain */ pizza.prototype = new foodItem(); topping.prototype = new foodItem(); /* Method to add a topping to a pizza */ pizza.prototype.addTopping = function(topping) { this.toppings.push(this); }; pizza.prototype.calcPizzaPrice = function() { if (this.size === "12") { this.price = pizzaPrice.size12; } else if (this.size === "14") { this.price = pizzaPrice.size14; } else if (this.size === "16") { this.price = pizzaPrice.size16; } if (this.crust === "stuffed") { this.price += pizzaPrice.stuffed; } else if (this.crust === "pan") { this.price += pizzaPrice.pan; } else if (this.crust === "thin") { this.price += pizzaPrice.thin; } else if (this.crust === "thick") { this.price += pizzaPrice.thick; } if (this.doubleSauce) { this.price += pizzaPrice.doubleSauce; } if (this.doubleCheese) { this.price += pizzaPrice.doubleCheese; } this.price *= this.qty; for (var i = 0; i < this.toppings.length; i++) { this.price += this.toppings[i].qty * pizzaPrice.topping; } return this.price; } // window.addEventListener("load", function() { // Preview image of the pizza var pizzaPreviewBox = document.getElementById("previewBox"); // Summary of the pizza order var pizzaSummary = document.getElementById("pizzaSummary"); // Pizza size selection list var pizzaSizeBox = document.getElementById("pizzaSize"); // Pizza crust selection list var pizzaCrustBox = document.getElementById("pizzaCrust"); // Pizza double sauce checkbox var pizzaDoubleSauceBox = document.getElementById("doubleSauce"); // Pizza double cheese checkbox var pizzaDoubleCheeseBox = document.getElementById("doubleCheese"); // Pizza topping option buttons var toppingOptions = document.querySelectorAll("input.topping"); // Pizza quantity selection list var pizzaQuantityBox = document.getElementById("pizzaQuantity"); // Add to cart button var addToCartButton = document.getElementById("addToCart"); // Order table displaying the items in the shopping cart var cartTableBody = document.querySelector("table#cartTable tbody"); // Shopping cart total box var cartTotalBox = document.getElementById("cartTotal"); pizzaSizeBox.onchange = drawPizza; pizzaCrustBox.onchange = drawPizza; pizzaDoubleSauceBox.onclick = drawPizza; pizzaDoubleCheeseBox.onclick = drawPizza; pizzaQuantityBox.onchange = drawPizza; for (var i = 0; i < toppingOptions.length; i++) { toppingOptions[i].onclick = drawPizza; } // Create a shopping cart object var myCart = new cart(); addToCartButton.onclick = addPizzaToCart; // Function to build the pizza function buildPizza(newPizza) { newPizza.qty = pizzaQuantityBox.selectedValue(); newPizza.size = pizzaSizeBox...

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN: 9781305503922

Author: Patrick M. Carey

Publisher: Cengage Learning

See similar textbooks

Concept explainers

Phases of web development

The process of developing web application and websites which works using the internet is known as web development. Web developers need to use scripting languages at both the server and client end. A content management system is necessary to create a stat…

Question

Chapter 14, Problem 27CP3

Program Plan Intro

To add comments to the Java script file, rb_build.js.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Chapter 14, Problem 26CP3

Chapter 14, Problem 28CP3

Students have asked these similar questions

Click Here for the Solution 27. Write a Program for Insertion Sort in Java. Time Complexity: O(N 2) Space Complexity: 0(1) Click Here for the Solution

Counting ten tennis ball going into a box From a conveyor belt I want to write a assignment about this topic

I need fixing my a matlab code to find the currents USING MARTIXS AND INVERSE to find the current % At this point We Enter the Resistor values and Voltage Source Values fprintf('Provide Resistance Values for the Resistors as Requested: \n'); fprintf('===============================================\n'); R1x = input('Enter the value for R1 in kohms: '); R2x = input('Enter the value for R2 in kohms: '); R3x = input('Enter the value for R3 in kohms: '); R4x = input('Enter the value for R4 in kohms: '); fprintf('Provide voltage values for as requested: \n'); fprintf('===============================================\n'); E1 = input('Enter the value of E1 in Volts: '); E2 = input('Enter the value of E2 in Volts: '); E3 = input('Enter the value of E3 in Volts: '); fprintf('===============================================\n'); % Scaling FACTOR multiplication of resistors by 1000 (1K) each R1 = 1000 * R1x; R2 = 1000 * R2x; R3 = 1000 * R3x; R4 = 1000 * R4x; fprintf('VALUES YOU HAVE ENTERED FOR YOUR…

Chapter 14 Solutions

New Perspectives on HTML5, CSS3, and JavaScript

Ch. 14 - Prob. 1RA Ch. 14 - Prob. 2RA Ch. 14 - Prob. 3RA Ch. 14 - Prob. 4RA Ch. 14 - Prob. 5RA Ch. 14 - Prob. 6RA Ch. 14 - Prob. 7RA Ch. 14 - Prob. 8RA Ch. 14 - Prob. 9RA Ch. 14 - Prob. 10RA

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.