为什么清除按钮不从购物车中删除价格

Why doesnt the clear button remove price from cart

本文关键字：删除 购物车 清除 按钮 为什么      更新时间：2023-09-26

我想使用清除按钮从我的购物车中删除价格。我可以删除行/产品，但我不确定为什么价格没有变化。请检查代码笔。

function removecart() {
    salesTotal = 0;
    var table = document.getElementById("shoppingCart");
    for(var i = table.rows.length - 1; i > -1; i--){
        table.deleteRow(i);
    }
}

感谢您的帮助

除了将salesTotal变量更改为零之外，还需要相应地更新显示表示。你可以很容易地添加这个：

function removecart() {
   salesTotal = 0;
   var table = document.getElementById("shoppingCart");
   for(var i = table.rows.length - 1; i > -1; i--){
       table.deleteRow(i);
   }
   document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" + salesTotal.toFixed(2);
}

但是，您也可以实现另一个功能来自动化该功能，并避免在js:中重复编写相同的代码

function changeTotal(newTotal){
    salesTotal = newTotal;
    document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" + salesTotal.toFixed(2);
}

清除按钮确实从购物车中删除了价格，但它没有显示出来，因为你从未编写过更新它的代码。

function removecart() {
   salesTotal = 0;
   var table = document.getElementById("shoppingCart");
   for(var i = table.rows.length - 1; i > -1; i--)
   {
       table.deleteRow(i);
   }
       document.getElementById('total').innerHTML = "<strong>Sale Price</strong>: $" +     salesTotal.toFixed(2);
   }

应该工作

你的价格没有改变，因为你没有改变它。添加到函数中：

document.getElementById("total").innerHTML = salesTotal;
相关文章：