개발자의 길

[자바스크립트] 반올림,올림,버림 본문

2. JS

[자바스크립트] 반올림,올림,버림

자르르 2012. 6. 21. 15:33


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 자바스크립트 반올림, 올림, 버림 </title>
<script type="text/javascript">
<!--
// 지정자리 반올림 (값, 자릿수)
function Round(n, pos) {
var digits = Math.pow(10, pos);

var sign = 1;
if (n < 0) {
sign = -1;
}

// 음수이면 양수처리후 반올림 한 후 다시 음수처리
n = n * sign;
var num = Math.round(n * digits) / digits;
num = num * sign;

return num.toFixed(pos);
}

// 지정자리 버림 (값, 자릿수)
function Floor(n, pos) {
var digits = Math.pow(10, pos);

var num = Math.floor(n * digits) / digits;

return num.toFixed(pos);
}

// 지정자리 올림 (값, 자릿수)
function Ceiling(n, pos) {
var digits = Math.pow(10, pos);

var num = Math.ceil(n * digits) / digits;

return num.toFixed(pos);
}

function calcRound(){
var i = document.getElementById("aa").value;
document.getElementById("result").innerHTML = Round(i, 1) ;
}
function calcCeil(){
var i = document.getElementById("aa").value;
document.getElementById("result2").innerHTML = Floor(i, 1) ;
}
function calcFloor(){
var i = document.getElementById("aa").value;
document.getElementById("result3").innerHTML = Ceiling(i, 1) ;
}
//-->
</script>
</head>

<body>
<input type="text" id="aa"> <br/>
<button onclick="calcRound()">반올림</button> <br/>
<button onclick="calcCeil()">올림</button> <br/>
<button onclick="calcFloor()">버림</button> <br/>
반올림 값 : <div id="result"></div> <br/>
올림 값 : <div id="result2"></div> <br/>
버림 값 : <div id="result3"></div> <br/>
</body>
</html>

 

저작자표시

'2. JS' 카테고리의 다른 글

[javascript] Jquery 와 Prototype 같이 쓰기  (0) 2012.11.02
[javascript] onload 의 여러가지 기법  (0) 2012.06.27
[javascript] 기초 강좌 파일  (0) 2012.05.15
[jquery] 유용한 플러그인 모음  (0) 2012.04.06
[javascript]이미지 특수 효과 : 리빌트랜스(RevealTrans) 필터  (0) 2012.03.19


이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
'2. JS' Related Articles more
Comments