• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 웹개발 기능대회 총 합계 질문

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

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #23275

    aef32
    참가자

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

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

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

     

    HTML 

    JS

     

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

    #23293

    codingapple
    키 마스터

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

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

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

     

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

    #23393

    aef32
    참가자

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

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

     

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

    도움이 필요합니다.

    #23410

    codingapple
    키 마스터

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

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

    유저가 수량을 변경하면 

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

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

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

    그런 식으로 짜면 될듯요 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠