Management has given you the greenlight to create the product portion of the web application. Create a Product class with the following attributes: a. Price b. Name c. Description d. Id Create a ShoppingCart.js file and include it in the products page. In the 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 shopping cart script should have the following functions: a. add - Takes an id, finds the product object in the products array and adds it to the items purchased array. b. remove - Takes an id and removes the corresponding object from the items purchased array. c. Returns html for displaying the items in the cart.
Management has given you the greenlight to create the product portion of the web application.
Create a Product class with the following attributes:
a. Price
b. Name
c. Description
d. Id
Create a ShoppingCart.js file and include it in the products page. In the 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 shopping cart script should have the following functions:
a. add - Takes an id, finds the product object in the products array and adds it to the items purchased array.
b. remove - Takes an id and removes the corresponding object from the items purchased array.
c. Returns html for displaying the items in the cart.
Create a products.html page. Add 5 product images to the page. Under each product add an add to cart button. Make the id property of the button the id for the product. Add a remove from cart button on each item.
At the top right of the page at a link that says (0) cart. When the add item is pressed, this number should increase. When the remove item is pressed, this number should decrease.
When I click on the link, it should take me to a Checkout page. The checkout page should display all the items in the cart, and a total price.
Add a form on the page that take my name , email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card.
Step by step
Solved in 2 steps
