취소 버튼이 장바구니에서 가격을 삭제하지 않는 이유

Question

삭제 버튼을 사용하여 장바구니에서 가격을 삭제하고 싶습니다. 행/제품을 제거 할 수는 있지만 가격이 변하지 않는 이유는 확실하지 않습니다. codepen을 확인하십시오. 제로에 salesTotal 변수를 변경 외에 어떤 도움

Answer 1

에 대한

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

덕분에, 그에 따라 화면 표시를 업데이트해야합니다. 당신은 쉽게 추가 할 수 있습니다

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 내 repeatidly 같은 코드를 작성 피할 수 :

Answer 2

귀하의 가격이 있기 때문에 변경되지 않습니다 너는 그것을 바꾸지 않고있다. 기능에 추가하십시오 :

document.getElementById("total").innerHTML = salesTotal; 

Answer 3

명확한 단추는 장바구니에서 가격을 제거하지만 사용자가 코드를 작성하지 않았기 때문에 표시하지 않습니다.

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); 
    } 

그 이유,