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

source/js
블로그 이미지

이챙(leechaeng)

﹒2022. 3. 22.

초심찾아 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('값을 입력해주세요')
        }
    })


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

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

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


이챙(leechaeng)
이챙(leechaeng)

프론트엔드 개발도 하고 뛰기도 하고