예외처리란,
java와 거의 유사합니다. try~catch문으로 이루어져있으며 try에서 발생된 에러는 catch(e)에서의 e오류객체가 생성되게 됩니다.
또한 try문에서 throw "~"를 통해서 catch문에서 e객체로 반환될 값을 작성할 수 있습니다.
그 외에 별 다른 예외처리의 설명할 것이 없기때문에 바로 코드를 작성하겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<style>
div{ background-color: green};
</style>
<body>
<script>
function guess(){
try{
var real=89;
var num= document.getElementById('num').value; //입력값을 불러오기
if(num == "") throw "공백임"; //의도적으로 오류를 발생시킴
if(isNaN(num)) throw "문자임";
if(num> real) throw "큼";
if(num< real) throw "작음";
if(num==real) throw "성공";
}catch(e){ //e=err=error(try에서 발생한 오류내용객체)
document.getElementById("result").innerHTML="<H3>힌트: "+e+"</H3>"
//alert(e); //message 변수 출력
}
}
</script>
<input type=text id='num'>
<input type=button value='추측' onclick="guess()">
<div id='result'> </div>
</body>
|
document.getElementById('num').value란, 텍스트문구에 값을 입력하고 버튼을 눌럿을때 텍스트의 value값이 num이 됩니다.
또한, isNaN(num)이라는 문구가 있어요. 12행에서 볼 수 있는데, 해석하자면 입력된 num값이 isNaN숫자가 아니라면 무조건 문자라고 출력됩니다.
아래와 같은 결과문을 볼 수 있어요
더보기
<코드결과>
숫자를 입력했을때, 예외처리내부의 조건문에 의해서 "작음"이 출력
문자를 입력했을때, 예외처리내부의 조건문에 의해서 "문자임"이 출력
정답을 입력했을때, 예외처리내부의 조건문에 의해서 "정답"이 출력
'WEB 기초 > Script' 카테고리의 다른 글
| 17. 주소 공백 분할(String 내부객체) (0) | 2018.04.12 |
|---|---|
| 16. 다양한 객체변환 (0) | 2018.04.12 |
| 14. 배열 객체 연습 (0) | 2018.04.12 |
| 13. 타이머란? (+ 게시판의 입력을 타이머로 응용) (0) | 2018.04.12 |
| 12. 객체란? (0) | 2018.04.12 |