因此,我在送货网站上工作,我添加了将商品添加到购物车的功能。总价格是可行的,但一切都存在,但有一个问题。当我更改购物车内某个项目的数量时,它会更新总价和该项目的价格,但是当我减少该项目的数量时,该项目的价格不会降低(总价格会降低)。这是我使用的公式:price.innerHTML = cartItemPrice * quantityInput[i].value;
。稍后我将提供整个功能,但是问题是当我降低价值时,它会将当前商品价格乘以数量的价值,而不是这种情况,我想在减少数量时也希望商品价格降低。这是代码。
`function quantityChanged() {
const quantityInput = document.querySelectorAll('.item-quantity');
for (let i = 0; i < quantityInput.length; i++) {
quantityInput[i].addEventListener('change', function(e) {
let cartItemPrice = parseFloat(e.target.parentElement.children[3].innerText.slice(0, 6).trim());
const cartItemPriceElm = e.target.parentElement.children[3].innerText;
const price = quantityInput[i].parentElement.children[3].children[0].children[0];
price.innerHTML = cartItemPrice * quantityInput[i].value;
totalPrice();
if (isNaN(quantityInput[i].value) || quantityInput[i].value <= 0) {
quantityInput[i].value = 1;
totalPrice();
price.innerHTML = cartItemPrice * quantityInput[i].value;
}
price.innerHTML = cartItemPrice * quantityInput[i].value;
});
};
};`
谢谢!