자바스크립트 if ~else 예제


▣ 자바스크립트 if ~else 예제


■ 지난 포스팅에서 자바스크립트에서 입력 대화상자(prompt) 사용하는 방법과 [if문]에 대해서 알아봤었는데요. 이번에는 [if~else 문]에 대해서 알아보겠습니다. 


입력 대화상자와 if문 : http://godvow.tistory.com/11


 [if ~else문]의 형식은 다음과 같습니다. 



■ if문은 조건을 만족하면 if문 다음의 문장을 실행하고 조건을 만족하지 않으면 어떤 문장도 실행하지 않고 넘어가는 형식인데요. if ~else문은 조건을 만족하면 if 다음의 '문장 1'을 실행하고 그렇지 않으면 else 다음의 '문장 2'를 실행하기 때문에 꼭 하나의 문장은 실행하고 넘어간다는 차이점이 있습니다. 




 간단한 예제를 하나 만들어보겠습니다.


 

■ 입력 대화상자를 'aaa'라는 변수에 할당하고, 숫자를 입력받아 그 숫자가 70보다 크면 "70 이상입니다."라는 문자열을 출력하도록 했구요. 그렇지 않으면 (else) "70 이하입니다." 라는 문자열이 출력되도록 했습니다. html로 저장하고 인터넷 브라우저에서 열어보겠습니다. 






■ 그림과 같이 입력 대화상자가 나타나고, 70보다 작은 숫자인 '45'를 입력하고 [확인] 해보겠습니다. 






■ else 다음에 있던 문장이 실행되면서 "70 이하입니다"라는 문자열이 출력됩니다. 




 반대로 70 이상의 숫자를 입력해보겠습니다. 



■ if문(aaa>=70)의 조건을 만족하기 때문에 if 다음에 있는 문장인 "70 이상입니다" 라는 문자열이 출력되겠죠? 확인해보고 마무리하겠습니다.






■ 이렇게 if~else 문을 이용해서 조건을 만족하면 if문 다음의 문장이 실행되고, 그렇지 않으면 else 다음의 문장이 실행되도록 할 수 있습니다. 직접 메모장을 열어서 입력해보고, 실행해보면 이해가 좀 더 쉽게 될거에요. ^^ 수고하셨습니다.