20'C 흐림
서울 강남구
<!DOCTYPE html>
<html>
<body>
<div id="wrap">
<div>
<label for="price">정상가</label>
<input type="text" id="price" name="PRICE" onkeyup="disRate();" /> 원
</div>
<div>
<label for="dis_price">할인가</label>
<input type="text" id="dis_price" name="DIS_PRICE" onkeyup="disRate();" /> 원
</div>
<div>
<label for="dis_rate">할인율</label>
<input type="text" id="dis_rate" name="DIS_RATE" readonly /> %
</div>
</div>
<script>
function disRate() {
var dis_price = $("#dis_price").val(); //할인가
var price = $("#price").val(); //정상가
if ($("#price").val().trim() == "" || $("#dis_price").val().trim() == "") {
result = 0;
} else {
result = 100 - (dis_price / price * 100);
}
$("#dis_rate").val(Math.round(result));
}
</script>
</body>
</html>
소수점 올림, 반올림, 버림
올림: Math.ceil();
버림: Math.floor();
반올림: Math.round();
Math.ceil(자리수);
Math.floor(자리수);
Math.round(자리수);
예)
var number=123.643
Math.ceil(number); -->124
Math.floor(number); -->123
Math.round(number); -->124
소수점 몇째자리에서 올리거나 버리거나 반올림해서 표현할 일이 있는데 이걸 응용하자면
소수점 에서 반올림 하는건 toFixed()를 사용하면 됩니다.
다시 돌아와 이걸 응용해서 표현 해보면
소수점 셋째자리에서 반올림해서 둘째자리까지 나타낼려고 합니다.
Math.floor(number*100)/100 -->123.64