You are required to create a furniture shop online order webpage that presents a list of...

     

Transcribed Image Text:

You are required to create a furniture shop online order webpage that presents a list of available chairs of various styles. Assignment Specifications Your HTML/CSS/JavaScript deliverable must address the following: Webpage The initial state of your webpage is to present: . An <h1> heading • An empty <article> container with border Shop • Double-clicking the container will result in the presentation of o Product names with their respective unit price and a textbox for entering number of units to be ordered o A submit button Adirondack Chair Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Shop Suont $100 $150 $500 $800 $660 $1000 $350 $80 $950 $250 D D The HTML elements inside the container are NOT hardcoded in HTML but are dynamically generated with JavaScript object (e.g., DOM) methods The products that are to be displayed are limited to chairs only Once the product names and pricing are loaded to the container, the user of the webpage is to respond by entering their order in the textboxes . Adirondack Chair Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Shop Submit $100 3 $150 $500 $660 $800 C $1000 $350 $80 $950 C $250 2 C After selecting the radio buttons, the user is to select the Submit button for tabulation This page says You have ordered 13 chairs for a total of $5000. Adironun.... Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Submit OK $150 $500 $800 $660 $1000 $350 $80 $950 $250 3 2 0 0 2 0 Total number of ordered products and total dollar amount are tabulated and displayed in an alert dialogue box Technical Specifications Code one HTML/CSS/JavaScript are in an array The individual array elements may be objects [ webpage application that presents product information that {product: "Adirondack Chair", type: "c", price: 100 }, {product: "Barcelona Chair", type: "c", price: 150 }, {product: "Chaise Longue", type: "c", price: 500 }, {product: "Chesterfield Chair", type: "c", price: 800 }, {product: "Coffee Table", type: "t", price: 900), {product: "Dining Table", type: "t", price: 1500 }, {product: "Director's Chair", type: "c", price: 660), {product: "Eames Lounge Chair", type: "c", price: 1000 }, {product: "Foyer Table", type: "t", price: 600 }, {product: "Patio Table", type: "t", price: 450 }, {product: "Rocking Chair", type: "c", price: 350 }, {product: "Side Table", type: "t", price: 200 }, {product: "Stacking Chair", type: "c", price: 80 }, {product: "Wingback Chair", type: "c", price: 950 }, {product: "Wishbone Chair", type: "c", price: 250 } ] Or the individual array elements may be arrays themselves [[ "Adirondack Chair", "c", 100], ["Barcelona Chair", "c", 150 ], ["Chaise Longue", "c", 500 1, ["Chesterfield Chair", "c", 800], ["Coffee Table", "4", 900 1, ["Dining Table", "t", 1500], ["Director's Chair", "c", 660], [ "Eames Lounge Chair", "c", 1000], ["Foyer Table", "t", 600], ["Patio Table", "t", 450 1, ["Rocking Chair", "c", 350 1, ["Side Table", "t", 2001, ["Stacking Chair", "c", 80 1, ["Wingback Chair", "c", 950 1, ["Wishbone Chair", "c", 250] 1 -You are free to choose to use either one of the two array formats -Each array element contains the product name, the product type ("c" for chair, "t" for table) and the product unit price. -For example, the product "Chaise Longue" is considered as a chair and its unit price is $500. -Recommended JavaScript object methods are: createElement, create TextNode, setAttribute, appendChild, getElementByld, and addEventListener You are required to create a furniture shop online order webpage that presents a list of available chairs of various styles. Assignment Specifications Your HTML/CSS/JavaScript deliverable must address the following: Webpage The initial state of your webpage is to present: . An <h1> heading • An empty <article> container with border Shop • Double-clicking the container will result in the presentation of o Product names with their respective unit price and a textbox for entering number of units to be ordered o A submit button Adirondack Chair Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Shop Suont $100 $150 $500 $800 $660 $1000 $350 $80 $950 $250 D D The HTML elements inside the container are NOT hardcoded in HTML but are dynamically generated with JavaScript object (e.g., DOM) methods The products that are to be displayed are limited to chairs only Once the product names and pricing are loaded to the container, the user of the webpage is to respond by entering their order in the textboxes . Adirondack Chair Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Shop Submit $100 3 $150 $500 $660 $800 C $1000 $350 $80 $950 C $250 2 C After selecting the radio buttons, the user is to select the Submit button for tabulation This page says You have ordered 13 chairs for a total of $5000. Adironun.... Barcelona Chair Chaise Longue Chesterfield Chair Director's Chair Eames Lounge Chair Rocking Chair Stacking Chair Wingback Chair Wishbone Chair Submit OK $150 $500 $800 $660 $1000 $350 $80 $950 $250 3 2 0 0 2 0 Total number of ordered products and total dollar amount are tabulated and displayed in an alert dialogue box Technical Specifications Code one HTML/CSS/JavaScript are in an array The individual array elements may be objects [ webpage application that presents product information that {product: "Adirondack Chair", type: "c", price: 100 }, {product: "Barcelona Chair", type: "c", price: 150 }, {product: "Chaise Longue", type: "c", price: 500 }, {product: "Chesterfield Chair", type: "c", price: 800 }, {product: "Coffee Table", type: "t", price: 900), {product: "Dining Table", type: "t", price: 1500 }, {product: "Director's Chair", type: "c", price: 660), {product: "Eames Lounge Chair", type: "c", price: 1000 }, {product: "Foyer Table", type: "t", price: 600 }, {product: "Patio Table", type: "t", price: 450 }, {product: "Rocking Chair", type: "c", price: 350 }, {product: "Side Table", type: "t", price: 200 }, {product: "Stacking Chair", type: "c", price: 80 }, {product: "Wingback Chair", type: "c", price: 950 }, {product: "Wishbone Chair", type: "c", price: 250 } ] Or the individual array elements may be arrays themselves [[ "Adirondack Chair", "c", 100], ["Barcelona Chair", "c", 150 ], ["Chaise Longue", "c", 500 1, ["Chesterfield Chair", "c", 800], ["Coffee Table", "4", 900 1, ["Dining Table", "t", 1500], ["Director's Chair", "c", 660], [ "Eames Lounge Chair", "c", 1000], ["Foyer Table", "t", 600], ["Patio Table", "t", 450 1, ["Rocking Chair", "c", 350 1, ["Side Table", "t", 2001, ["Stacking Chair", "c", 80 1, ["Wingback Chair", "c", 950 1, ["Wishbone Chair", "c", 250] 1 -You are free to choose to use either one of the two array formats -Each array element contains the product name, the product type ("c" for chair, "t" for table) and the product unit price. -For example, the product "Chaise Longue" is considered as a chair and its unit price is $500. -Recommended JavaScript object methods are: createElement, create TextNode, setAttribute, appendChild, getElementByld, and addEventListener

Answer rating: 100% (QA)

1 To create a furniture shop online order webpage that pre... View the full answer