웹개발 기능대회 총 합계 질문

[aef32]

장바구니에 담긴 모든 가격의 총 합을 나타내는 함수를 작성하려고 합니다.

물건을 장바구니에 하나를 담고 수량을 올려도 총 합이 올라가지 않고

장바구니에 두개의 물건을 담으면 가장 최근에 담은 물품의 한개 가격만 나타납니다.

 

HTML 

JS

 

어떻게 해결해야하는 지 도움이 필요합니다.

[codingapple]

최종합계 계산하는 코드를 실행안해서 그렇습니다 

지금은 아마 드래그할 때 1번 실행되는거 같은데 

숫자 바꿀 때 마다 최종합계 계산하라고 코드짜면 됩니다

 

합계 계산할 땐 장바구니상품.find() 이렇게 찾는게 아니라 전체 파일에서 .sum 가진 html을 찾으라고 해야할듯요 

[aef32]

change 이벤트를 사용하여 수량을 추가하면 총 합계도 금액이 올라가도록 만들었는데

반대로 수량을 내리면 총 합계가 내려가는 것이 아니라 금액이 추가가 됩니다.

 

var basketSum = 0
       
        $('.number').change(function(){
            $('.sum').text(function(){
            basketSum += parseInt($(this).text(), 10);
           
            })
           
            $('#total-sum').html(basketSum);
        })
       }

도움이 필요합니다.

[codingapple]

var basketSum = 0 은 최대한 바깥에 만들고

 $('.sum') 이게 분명 여러개일테니 여기에 반복문을 돌리면 될듯 합니다

유저가 수량을 변경하면 

 $('.sum') 찾아서 반복문 돌리면서

첫째 상품 총가격을 basketSum에 더하고

둘째 상품 총가격을 basketSum에 더하고

그런 식으로 짜면 될듯요 

[글쓴이]

글