본문 바로가기

개발일기/프로젝트 일기

HomeTheater - 결제 페이지

쿠폰번호 입력 후 할인 된 금액과 결제할 금액 업데이트

포인트 사용 후  결제할 금액과 할인 내역 업데이트

결제하기를 누르게 되면 카카오 페이 API가 실행된다.

 


let discountratio = 1; //할인률 초기화
let discountsum = 0;   //할인 총합 계산
let nowamount = document.getElementById("nowamount").innerText;
let count = 0; //쿠폰은 하나만 등록하기 위한 카운팅
let pay_totalprice = document.getElementById("pay_totalprice");
let m_point = document.getElementById("m_point");


//쿠폰 번호입력시 10프로 할인 함수
const coupon = () => {
    //쿠폰번호 검증 로직
    let couponNumber = document.getElementById("coupon").value;
    if (couponNumber == "1111-1111-1111") {
        if (count == 0) {
            discountratio = 0.1;  //할인비율 10프로
            discountsum = nowamount * discountratio;    //할인 총합 계산
            nowamount -= discountsum;
            document.getElementById("nowamount").innerText = nowamount; //할인 반영 금액
            document.getElementById("dicountamount").innerText = discountsum; // 총 할인 금액
            count = count + 1;
            pay_totalprice.setAttribute("value", nowamount);
            alert("쿠폰 등록 완료")
        } else {
            alert("쿠폰은 하나만 등록 가능합니다.")
        }
    } else {
        alert("쿠폰번호를 확인해주세요.")
    }
}
//유저 포인트 사용 함수
const usepoint = () => {

    if (!document.getElementById("usepoint").value) {
        alert("사용 포인트를 올바르게 적어주세요");
    } else {
        let userpoint = parseInt(document.getElementById("userpoint").value);
        let usepoint = parseInt(document.getElementById("usepoint").value);
        let remainpoint = userpoint - usepoint;
        //포인트 사용한 할인 반영 금액
        if (usepoint > userpoint) {
            alert("사용 포인트를 올바르게 적어주세요");
        } else {

            nowamount -= usepoint;
            document.getElementById("nowamount").innerText = nowamount;
            //총 할인 금액
            discountsum += usepoint;
            document.getElementById("dicountamount").innerText = discountsum;
            pay_totalprice.setAttribute("value", nowamount);
            m_point.setAttribute("value", remainpoint);

            alert("포인트 사용 완료")

        }
    }
}

 

JS코드