js의 내장객체
- Number 객체 : 숫자형 데이터 처리하는 객체를 말한다.
1) toExponential() : 숫자를 지수 표시로 나타낸 문자열
2) toFixed(소숫점 자리수) : 소수점의 자리수 제한
3) toPrecision(나타낼 숫자의 길이) : 수의 길이를 제한 - 속성
1) MAX_VALUE : 숫자가 나타낼 수 있는 최대의 숫자
2) MIN_VALUE : 숫자가 나타낼 수 있는 최소의 숫자
3) NaN : 숫자로 나타낼수 없는 숫자
##toExponential()
var num = new Number(25.34);
alert(num.toExponential()); // string, 2.534e+1
var num = new Number(253.4);
alert(num.toExponential()); // string, 2.534e+2
var num = new Number(2534);
alert(num.toExponential()); // string, 2.534e+3
##toFixed() / toPrecision()
var num = new Number(1.232323);
alert(num.toFixed()); // string, 1
alert(num.toFixed(1)); // string, 1.2
alert(num.toFixed(2)); // string, 1.23
alert(num.toFixed(3)); // string, 1.232
alert(num.toPrecision()); // string, 1.232323
alert(num.toPrecision(1)); // string, 1
alert(num.toPrecision(10)); // string, 1.232323000
## 타석과 안타수를 입력받아 바로 타율 나타내기
<script>
function calcu(){
var seat = document.querySelector("[name=seat01]").value
var hit = document.querySelector("[name=hit01]").value
var reObj = document.querySelector("#record")
reObj.innerText="0" // 초기값 설정, 정상적이지 않은 입력시 모두 0 처리
if(!isNaN(seat) && !isNaN(hit)){ // 두 데이터가 모두 숫자형일때
var result = hit/seat
if(isFinite(result)){ // 나누기 0 예외에 대한 처리
reObj.innerText=result.toFixed(3)
}
}
}
</script>
<body>
<!-- onkeyup : 입력할 때 바로 이벤트가 발생 -->
타석:<input type="text" name="seat01" value="0" onkeyup="calcu()">
안타수:<input type="text" name="hit01" value="0" onkeyup="calcu()">
타율:<span id="record">0</span>
<div id="container"></div>
</body>
아자아자 화이팅