source/js

바닐라 javascript 할인율 계산기 만들기

이챙(leechaeng) 2022. 3. 22. 10:08

초심찾아 js 다시 복습중,,
할인율 계산기를 만들어보았다.
생각보다 너무 간단해서 보잘것없는,,ㅎㅎ;



💻미리보기 : https://chae-young.github.io/js_project/2021basic/four/discountrate.html
💽github 전체코드 : https://github.com/chae-young/js_project/blob/master/2021basic/four/discountrate.html

 

GitHub - chae-young/js_project: javascript project

javascript project. Contribute to chae-young/js_project development by creating an account on GitHub.

github.com




📃순서도

대충 머리속에 생각나는 대로 순서도 그리고 시작함.
할인율은 잘못쓴건데 0.01 * 계산하고자 하는 금액 이다(스크립트 짤때 알게됨 ㅎㅎ)




🖤주요코드

    btn.addEventListener('click',()=>{
        const MycaculateNum = $inpuTcaculated.value // 계산하고자 하는 금액
        const MydisCountNum = $inpuTdisCount.value // 할인하고자 하는 할인율
        
        if(MycaculateNum && MydisCountNum){ // 값이 담겨있는가
            const disCountRate = 0.01 * MydisCountNum
            const disCountAmount = MycaculateNum * disCountRate
            const totalAmount = MycaculateNum - disCountAmount

            console.log(MycaculateNum , MydisCountNum)
            $diVdisCountAmount.textContent = disCountAmount
            $diVtotalAmount.textContent = totalAmount
        }else{
            alert('값을 입력해주세요')
        }
    })


계산하고자 하는 금액과 할인하고자 하는 할인율의 값이 담겨있으면

할인율,할인금액,총금액을 구하고 화면에 뿌려주면 끝!

진짜 할인율만 구한 코드이고 세세한 오류체크나 값을 계산하는 코드는 넣지않았다 !!!


반응형