Question

Create a website for a pizza company where a user can choose one or more individual toppings(vegi...

Create a website for a pizza company where a user can choose one or more individual toppings(vegie, cheese, meat, etc) and a size to order a pizza and see the final cost.

  1. Allow the user to choose toppings and size for the pizza they’d like to order.
  2. Create a pizza object constructor with properties for toppings and size.
  3. Create a prototype method for the cost of a pizza depending on the selection chosen.

HTML and JavaScript

0 0
Add a comment Improve this question Transcribed image text
Answer #1

shop-grid-6-column.html

<!DOCTYPE html><html lang="en-US" itemscope="itemscope" itemtype="http://schema.org/WebPage"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pizza</title> </head> <body > <div id="page" > <div id="content" tabindex="-1"> <div > <div id="primary"> <main id="main" > <div> <ul> <li > <div > <div > <div > <a href="single-product-v1.html" > <img src="ummage path" class="img-responsive" alt="umage"> </a> </div><div > <a href="single-product-v1.html"> <h3>Chicken Hawaii</h3> <div itemprop="description"> <p style="max-height: none;">Extra-virgin olive oil, garlic, mozzarella, mushrooms and olives.</p></div><div > <div data-requested="1" data-type="radio" data-id="1" data-condition=""> <h3><span>Pick Size</span></h3> <div > <span><span >22 cm</span></span><span ><span ><span >$</span>19</span></span> </div><div > <span><span>29 cm</span></span> <span ><span ><span c>$</span>25</span></span> </div></div></div></a> <div class="hover-area"> <a rel="nofollow" href="single-product-v1.html" data-quantity="1" data-product_id="51" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a> </div></div></div></div></li><li > <div > <div > <div > <a href="single-product-v1.html" > <img src="ummage path" class="img-responsive" alt="umage"> </a> </div><div > <a href="single-product-v1.html"> <h3>Chicken Hawaii</h3> <div itemprop="description"> <p style="max-height: none;">Extra-virgin olive oil, garlic, mozzarella, mushrooms and olives.</p></div><div > <div data-requested="1" data-type="radio" data-id="1" data-condition=""> <h3><span>Pick Size</span></h3> <div > <span><span >22 cm</span></span><span ><span ><span >$</span>19</span></span> </div><div > <span><span>29 cm</span></span> <span ><span ><span c>$</span>25</span></span> </div></div></div></a> <div class="hover-area"> <a rel="nofollow" href="single-product-v1.html" data-quantity="1" data-product_id="51" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a> </div></div></div></div></li><li > <div > <div > <div > <a href="single-product-v1.html" > <img src="ummage path" class="img-responsive" alt="umage"> </a> </div><div > <a href="single-product-v1.html"> <h3>Chicken Hawaii</h3> <div itemprop="description"> <p style="max-height: none;">Extra-virgin olive oil, garlic, mozzarella, mushrooms and olives.</p></div><div > <div data-requested="1" data-type="radio" data-id="1" data-condition=""> <h3><span>Pick Size</span></h3> <div > <span><span >22 cm</span></span><span ><span ><span >$</span>19</span></span> </div><div > <span><span>29 cm</span></span> <span ><span ><span c>$</span>25</span></span> </div></div></div></a> <div class="hover-area"> <a rel="nofollow" href="single-product-v1.html" data-quantity="1" data-product_id="51" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add to cart</a> </div></div></div></div></li></ul> </div></main> </div></div></div></div><script type="text/javascript" src="assets/js/jquery.min.js"></script> <script type="text/javascript" src="assets/js/tether.min.js"></script> <script type="text/javascript" src="assets/js/bootstrap.min.js"></script> <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script> <script type="text/javascript" src="assets/js/social.share.min.js"></script> <script type="text/javascript" src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript" src="assets/js/scripts.min.js"></script> <script src="switchstylesheet/switchstylesheet.js"></script> </body></html>

single-product-v1.html

<!DOCTYPE html><html lang="en-US" itemscope="itemscope" itemtype="http://schema.org/WebPage"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pizza</title></head><body> <div> <div> <div class="col-full"> <div id="primary" class="content-area"> <main id="main" class="site-main"> <div itemscope itemtype="http://schema.org/Product" id="product-50" class="post-50 product type-product status-publish has-post-thumbnail product_cat-pizza pa_food-type-veg first instock shipping-taxable purchasable product-type-simple addon-product"> <div> <div> <h1 itemprop="name" class="product_title entry-title">Hawaii Vegetarian Pizza<span></span></h1> <div itemprop="description"> <p>Mouth watering pepperoni, cabanossi, mushroom, capsicum, black olives and stretchy mozzarella, seasoned with garlic and oregano.</p></div><form> <div> <h2>Topping &amp; Size</h2> <div> <div id="ywapo_value_2" data-requested="0" data-type="checkbox" data-id="2" data-condition=""> <h3><span>Select Topping</span></h3> <div> <input data-typeid="2" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_2[0]" value="ywapo_value_2" checked/> <label><span>Topping 1</span></label> </div><div> <input data-typeid="2" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_2[0]" value="ywapo_value_2" checked/> <label><span>Topping 1</span></label> </div><div> <input data-typeid="2" data-price="0" data-pricetype="fixed" data-index="0" type="checkbox" name="ywapo_checkbox_2[0]" value="ywapo_value_2" checked/> <label><span>Topping 1</span></label> </div></div><div id="ywapo_value_3" data-requested="1" data-type="radio" data-id="3" data-condition=""> <h3><span>Select Size</span></h3> <div > <input data-typeid="3" data-price="19.9" data-pricetype="fixed" data-index="0" type="radio" name="ywapo_radio_3[]" value="0" required checked/> <label > <span >22 cm</span> </label> <span ><span ><span >&#36;</span>19.90</span></span> </div><div > <input data-typeid="3" data-price="25.9" data-pricetype="fixed" data-index="1" type="radio" name="ywapo_radio_3[]" value="1" required/> <label > <span >29 cm</span> </label> <span > <span ><span >&#36;</span>25.90</span></span> </div></div></div><div class="yith_wapo_group_total" data-product-price="0"> <div class="yith_wapo_group_final_total"> <span class="price amount"></span> </div></div></div><div class="qty-btn"> <label>Quantity</label> <div class="quantity"> <input type="number" name="quantity" value="1" title="Qty" class="input-text qty text"/> </div></div><input type="hidden" name="add-to-cart" value="50"/> <button type="submit" class="single_add_to_cart_button button alt">Add to cart</button> </form> </div></div></div></main> </div></div></div></div><script type="text/javascript" src="assets/js/jquery.min.js"></script> <script type="text/javascript" src="assets/js/tether.min.js"></script> <script type="text/javascript" src="assets/js/bootstrap.min.js"></script> <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script> <script type="text/javascript" src="assets/js/social.share.min.js"></script> <script type="text/javascript" src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript" src="assets/js/scripts.min.js"></script> <script src="switchstylesheet/switchstylesheet.js"></script> </body></html>
Add a comment
Know the answer?
Add Answer to:
Create a website for a pizza company where a user can choose one or more individual toppings(vegi...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Create a user friendly interface to order a pizza. Use appropriate controls (radio buttons, list boxes,...

    Create a user friendly interface to order a pizza. Use appropriate controls (radio buttons, list boxes, check boxes) to obtain the type of pizza (e.g. small, medium, large) and the toppings. Calculate the cost of the pizza based upon the size, number of toppings and delivery charge. Display a summary of the order in a text area along with the total cost. Provide buttons which places the order and clears the order. Allow for multiple pizzas to orders Submit as...

  • Hello can someone help me in my code I left it as comment  task #0, task#1, task#2a...

    Hello can someone help me in my code I left it as comment  task #0, task#1, task#2a and task#2b the things that I am missing I'm using java domain class public class Pizza { private String pizzaCustomerName; private int pizzaSize; // 10, 12, 14, or 16 inches in diameter private char handThinDeep; // 'H' or 'T' or 'D' for hand tossed, thin crust, or deep dish, respecitively private boolean cheeseTopping; private boolean pepperoniTopping; private boolean sausageTopping; private boolean onionTopping; private boolean...

  • In a new file located in the same package as the class Main, create a public...

    In a new file located in the same package as the class Main, create a public Java class to represent a photograph that consists of a linear (not 2D) array of pixels. Each pixel is stored as an integer. The photograph class must have: (a) Two private fields to represent the information stored about the photograph. These are the array of integers and the date the photograph was taken (stored as a String). The values in the array must be...

  • I need help writing my main method**** Computer Science 111 Introduction to Algorithms and Programming: Java...

    I need help writing my main method**** Computer Science 111 Introduction to Algorithms and Programming: Java Programming Project #4 – Classes and Objects (20 Points) You will create 3 new classes for this project, two will be chosen from the list below and one will be an entirely new class you invent.Here is the list: Shirt Shoe Wine Book Song Bicycle VideoGame Plant Car FootBall Boat Computer WebSite Movie Beer Pants TVShow MotorCycle Design First Create three (3) UML diagrams...

  • Additional code needed: PartA: BurgerOrder class (1 point) Objective: Create a new class that represents an...

    Additional code needed: PartA: BurgerOrder class (1 point) Objective: Create a new class that represents an order at a fast-food burger joint. This class will be used in Part B, when we work with a list of orders. As vou work through this part and Part B, draw a UML diagram of each class in using the UML drawing tool 1) Create a new Lab5TestProject project in Netbeans, right-click on the lab5testproject package and select New>Java Class 2) Call your...

  • One example of computer-aided design (CAD) is building geometric structures inter- actively. In Chapter 4, we...

    One example of computer-aided design (CAD) is building geometric structures inter- actively. In Chapter 4, we will look at ways in which we can model geometric objects comprised of polygons. Here, we want to examine the interactive part. Let’s start by writing an application that will let the user specify a series of axis- aligned rectangles interactively. Each rectangle can be defined by two mouse positions at diagonally opposite corners. Consider the event listener canvas.addEventListener("mousedown", function() { gl.bindBuffer(gl.ARRAY_BUFFER, vBuffer); if...

  • 10. Write a one-page summary of the attached paper? INTRODUCTION Many problems can develop in activated...

    10. Write a one-page summary of the attached paper? INTRODUCTION Many problems can develop in activated sludge operation that adversely affect effluent quality with origins in the engineering, hydraulic and microbiological components of the process. The real "heart" of the activated sludge system is the development and maintenance of a mixed microbial culture (activated sludge) that treats wastewater and which can be managed. One definition of a wastewater treatment plant operator is a "bug farmer", one who controls the aeration...

  • Please read the article and answer about questions. You and the Law Business and law are...

    Please read the article and answer about questions. You and the Law Business and law are inseparable. For B-Money, the two predictably merged when he was negotiat- ing a deal for his tracks. At other times, the merger is unpredictable, like when your business faces an unexpected auto accident, product recall, or government regulation change. In either type of situation, when business owners know the law, they can better protect themselves and sometimes even avoid the problems completely. This chapter...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT