更改数量后如何更新购物车中的商品价格

时间:2020-09-16 19:28:25

标签: javascript dom shopping-cart

因此,我在送货网站上工作,我添加了将商品添加到购物车的功能。总价格是可行的,但一切都存在,但有一个问题。当我更改购物车内某个项目的数量时,它会更新总价和该项目的价格,但是当我减少该项目的数量时,该项目的价格不会降低(总价格会降低)。这是我使用的公式: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;
        });
    };
};`

谢谢!

0 个答案:

没有答案