Create a products.html page. Add 5 product images to the page. Create a Product class with the following attributes: Price, Name, Description and Id. 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 takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card. 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: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the items in the cart.
Create a products.html page. Add 5 product images to the page. Create a Product class with the following attributes: Price, Name, Description and Id. 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 takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card.
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: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the items in the cart.
Trending now
This is a popular solution!
Step by step
Solved in 3 steps
