guy making a small project, in this case a simple fake shopping cart i have and add button and a remove button but the remove button is only taking out the last product i entered and not the one am clicking i think the issues is on my removeProduct function not sure if i am making the right use of splice or do i need to take another aproach please advice Orders create array that will hold all ordered products var shoppingCart this function manipulates DOM and displays content of our shopping cart function displayShoppingCart() var orderedProductsTblBody document getElementById( orderedProductsTblBody ) ensure we delete all previously added rows from ordered products table while(orderedProductsTblBody rows length 0) orderedProductsTblBody deleteRow(0) variable to hold total price of shopping cart var cart total price 0 iterate over array of objects for(var product in shoppingCart) add new row var row orderedProductsTblBody insertRow() create three cells for product properties var cellName row insertCell(0) var cellDescription row insertCell(1) var cellPrice row insertCell(2) cellPrice align right fill cells with values from current product object of our array cellName innerHTML shoppingCart product Name cellDescription innerHTML shoppingCart product Description cellPrice innerHTML shoppingCart product Price cart total price shoppingCart product Price fill total cost of our shopping cart document getElementById( cart total ) innerHTML Total cart total price function AddtoCart(name,description,price) Below we create JavaScript Object that will hold three properties you have mentioned Name,Description and Price var singleProduct Fill the product object with data singleProduct Name name singleProduct Description description singleProduct Price price Add newly created product to our shopping cart shoppingCart push(singleProduct) call display function to show on screen displayShoppingCart() function removefromCart(name, description, price) function removefromCart(name,description,price) Below we create JavaScript Object that will hold three properties you have mentioned Name,Description and Price var singleProduct Fill the product object with data singleProduct Name name singleProduct Description description singleProduct Price price remove item from cart num splice(num indexOf(4), 1) var index shoppingCart indexOf(singleProduct) shoppingCart splice(index, 1) call display function to show on screen displayShoppingCart()

Question

guy making a small project, in this case a simple fake shopping cart  i have and add button and a remove button  but the remove button is only taking out the last product i entered and not the one am clicking  i think the issues is on my removeProduct function  not sure if i am making the right use of splice or do i need to take another aproach please advice  Orders   create array that will hold all ordered products var shoppingCart         this function manipulates DOM and displays content of our shopping cart function displayShoppingCart()  var orderedProductsTblBody document getElementById( orderedProductsTblBody )    ensure we delete all previously added rows from ordered products table while(orderedProductsTblBody rows length 0)   orderedProductsTblBody deleteRow(0)      variable to hold total price of shopping cart var cart total price 0    iterate over array of objects for(var product in shoppingCart)    add new row var row orderedProductsTblBody insertRow()    create three cells for product properties var cellName   row insertCell(0)  var cellDescription   row insertCell(1)  var cellPrice   row insertCell(2)  cellPrice align  right     fill cells with values from current product object of our array cellName innerHTML   shoppingCart product  Name  cellDescription innerHTML   shoppingCart product  Description  cellPrice innerHTML   shoppingCart product  Price  cart total price  shoppingCart product  Price      fill total cost of our shopping cart document getElementById( cart total ) innerHTML  Total     cart total price    function AddtoCart(name,description,price)    Below we create JavaScript Object that will hold three properties you have mentioned  Name,Description and Price var singleProduct         Fill the product object with data singleProduct Name name  singleProduct Description description  singleProduct Price price    Add newly created product to our shopping cart shoppingCart push(singleProduct)    call display function to show on screen displayShoppingCart()    function removefromCart(name, description, price)    function removefromCart(name,description,price)    Below we create JavaScript Object that will hold three properties you have mentioned  Name,Description and Price var singleProduct         Fill the product object with data singleProduct Name name  singleProduct Description description  singleProduct Price price    remove item from cart   num splice(num indexOf(4), 1)  var index  shoppingCart indexOf(singleProduct)  shoppingCart splice(index, 1)    call display function to show on screen displayShoppingCart()

Accepted Answer

The Answer is in the image, click to view ...

Question

guy making a small project, in this case a simple fake shopping cart. i have and add button and a remove button. but the remove