javascript - Totalprice 不等于正确的值 JQuery

Question

我再次尝试创建一个商店应用程序，只是一个学习一些编码的项目，我遇到了这个问题，当我从购物车中删除产品时，它没有返回正确的值

我正在尝试创建的预览 https://gyazo.com/b4cb34ea65ff311b80ccdb0070404843

将产品添加到购物车功能

Store.AddProductToCart = (product, price) => {
  Basket.push({
    product: product,
    price: price,
  });

  Store.TotalPrice = 0;

  Basket.forEach(({ price }) => {
    Store.TotalPrice += price;
  });

  console.log(Basket);

  $("span[total]").html(
    `<span style="color: lightgreen">${Store.TotalPrice}kr</span>`
  );

  $(".basket-body").append(`
      <div class="basket-items">
        <ul products>
          <li class="item">${product} - <span style="color: lightgreen">${price}kr</span><button value=${product} data-price=${price} style="float: right" id="remove" class="remove">Radera</button></li>
        </ul>
      </div>
  `);
  $(".remove").click(function (e) {
    Store.RemoveProduct();
    Store.Toaster({
      type: "remove",
      text: `Du tog bort en <span style="color: lightcoral">${$(
        this
      ).val()}</span> för <span style="color: lightcoral">${$(this).data(
        "price"
      )}kr</span>`,
    });
    $("span[total]").html(Store.TotalPrice);
  });
};

删除产品功能

Store.RemoveProduct = () => {
  var $this = $(event.currentTarget),
    cartItem = $this.parent(),
    newPrice = parseFloat($this.data("price"));

  cartItem.remove();
  Store.TotalPrice = Store.TotalPrice - newPrice;
  $("span[total]").text(Store.TotalPrice);
};

希望无论您身在何处，你们都度过了愉快的一天/早上/晚上/晚上，并希望我们能一起解决这个问题！

和平

标签： javascriptjquery