添加购物车的总成本

Question

Hi I am trying to add up the total price each time a new item is added to the cart. I know the code can be written cleaner and more complex but I have been asked to use this format. With my current code the total stays at 0. My buttons are working fine.

var price = 0;
var totalPrice = 0;

var cartSummary = "";

price = product1.price;
cartSummary += product1.name + " €" + product1.price + "<br>";
totalPrice += product1.price;
document.getElementById("cart").innerHTML = cartSummary;

Answer 1

Make the function return the value you want to add and outside the function add the value:

function addValue(product1) {
    price = product1.price;
    cartSummary += product1.name + " €" + product1.price + "<br>";
    document.getElementById("cart").innerHTML = cartSummary;
    return product1.price;
}

totalPrice += addValue(product1);

Answer 2

You need to make the following changes to your code:

cartSummary += product1.name + " €" + product1.price + "<br>"; becomes `cartSummary = product1.name + " €" + product1.price + "<br>";`

And totalPrice += product1.price; becomes totalPrice += number(product1.price);

Answer 3

document.getElementById("cost").innerHTML = totalPrice;

我忘了在函数中添加这一行，所以它没有在HTML中更新感谢您的帮助，无论如何