Create a page called products.html, Add 5 products with images to the page (use a Product class with the following attributes: Price, Name, Description and Id for each product). Under each product add an add to cart button and make the id property of the button the id for the product. Add a remove from cart button on each item.  Create a separate file called shoppingcart.js and include it in the products page (). Create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array (the add to cart button mentioned earlier). remove - Takes an id and removes the corresponding object from the items purchased array(the remove from cart button mentioned earlier). Returns html for displaying the items in the cart. At the top right of the products.html page add a link that says (0) cart. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. Checkout.html should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card.

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Create a page called products.html, Add 5 products with images to the page (use a Product class with the following attributes: Price, Name, Description and Id for each product). Under each product add an add to cart button and make the id property of the button the id for the product. Add a remove from cart button on each item. 

Create a separate file called shoppingcart.js and include it in the products page (<script src="shoppingcart.js"></script>). Create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array (the add to cart button mentioned earlier). remove - Takes an id and removes the corresponding object from the items purchased array(the remove from cart button mentioned earlier). Returns html for displaying the items in the cart.

At the top right of the products.html page add a link that says (0) cart. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. Checkout.html should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. 

 

 

Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY