var btn = document.getElementById("btn"); btn.addEventListener("click", function() { var output = document.getElementById("output"); output.innerHTML = ""; var value = document.getElementById("val").value; try { if (value.trim() == "") { throw "값을 입력하세요."; } if (isNaN(value)) { throw "숫자가 아닙니다."; } if (value < 5) { throw "5보다 작은수 입니다."; } if (value > 10) { throw "10보다 큰수 입니다."; } output.innerHTML = "성공 : " + value + "를 입력하셧네요" } catch (err) { output.innerHTML = "예외발생 : " + err; } }, false);
<p>5-10 사이의 숫자가 아니면 예외가 발생됩니다.</p> <input type="text" id="val" placeholder="5 - 10 사이의 숫자 입력" size="20"> <br> <br> <input type="button" value="결과보기" id="btn"> <br> <br> <div id="output">이곳이 결과가 출력됩니다.</div>