이챙의 개발 log
바닐라 javascript 할인율 계산기 만들기
﹒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)
프론트엔드 개발도 하고 뛰기도 하고