홀짝 구분
이번엔 산술연산자 중 %를 사용
%는 나눈 나머지 값을 알려주는데
%2는 1아니면 0이기때문에 활용도 높게 쓰인다는
그 이전에 홀짝 구분에 대한 수식을 만들어보고 대입하고 결과값을 보자~!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>홀짝 구분</title>
<script>
function showResult() {
var num1 = document.getElementById("num1");
if(num1.value%2 == 1) {
alert(num1.value + "는 홀수");
} else {
alert(num1.value + "는 짝수")
}
}
</script>
</head>
<body>
<input type="text" id="num"><br>
<input type="button" value="홀짝 구분" onclick="showResult()"><br>
</body>
</html>
근데 이렇게 하면 되긴 되는뎅..
문제는
숫자가 아닌 문자도 된다는.. 그래서 다시
parseInt 써서
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>홀짝 구분</title>
<script>
function showResult(){
var num = parseInt(document.getElementById("num").value);
/*
if(num%2==1){
alert(num + "는 홀수");
} else {
alert(num + "는 짝수");
}
혹은
*/
var r = num%2;
if(r==1) {
alert(num + "는 홀수");
} else {
alert(num + "는 짝수");
}
}
</script>
</head>
<body>
<input type="text" id="num"><br>
<input type="button" value="홀짝 구분" onclick="showResult()"><br>
</body>
</html>
이리 해도됨
요케 실행하면 나오는데
빈칸으로 버튼 누름
이리 나오고
너무 쉽고 육안으로 홀짝 구분 가능하지만
이렇게 나옴
홀짝 구분보다는 이아이로 활용도가 높다는건 나중에 알게 될거에요 :D
'JavaScript' 카테고리의 다른 글
| for문 (0) | 2015.11.06 |
|---|---|
| 자바스크립트로 CSS 변경하기 (0) | 2015.11.05 |
| 더하기 빼기 (0) | 2015.11.04 |
| [자바스크립트 연산자] - JavaScript Operator (0) | 2015.11.04 |
| 버튼 클릭하면 이미지 변경하기 (0) | 2015.11.04 |