▣ Javascript 다중 if문 예제
■ 자바스크립트 [if 문] 중에서 이번에는 '다중 if문'에 대해서 알아보겠습니다. 다중 if문의 형식은 다음과 같습니다.
■ 이렇게 연속해서 "if ~ else if" 형식으로 조건문을 줘서 수행할 수 있는 형식인데요. '조건문 1'을 만족하면 '문장1'을 수행하고, 그렇지 않고 else if문의 '조건 2'를 만족하면 '문장2'를 수행하는 형식으로....else if를 연속으로 계속 붙여서 사용할 수 있습니다.
이론으로만 보는것 보단 예제를 만들어보면 쉽게 이해가 될 겁니다. 메모장을 열고 HTML 코드와 섞어서 예제를 만들어보겠습니다.
■ 자바스크립트의 입력 대화상자를 [aaa]라는 변수에 할당하고 점수를 입력받아서 그 점수에 따라서 A~F 학점이 출력되도록 만들어 봤는데요. 입력받은 점수가 90점 이상이면 "A학점" 80점 이상이면 "B학점"..... 숫자 이외의 문자열을 입력하면 "잘못입력하셨습니다"라는 문장이 출력되도록 했습니다. html 문서로 저장해서 인터넷 브라우저에 실행해보겠습니다.
■ 브라우저에서 실행하면 그림처럼 입력 대화 상자가 나타나는데요. 점수를 입력하고 [확인] 버튼을 클릭하겠습니다. '85'를 입력해봤는데요. "aaa >=80" 조건을 만족하기 때문에 "B 학점" 이 출력됩니다.
■ 이렇게 "B학점"이 출력되는 걸 확인할 수 있구요.
다음은 숫자 이외의 문자열을 입력해보겠습니다. 그럼 모든 조건에 해당하지 않기 때문에 'else' 다음 문장인 "잘못입력하셨습니다"라는 문장이 출력될 겁니다.
■ 그림처럼 "자바스크립트"라는 문자열을 입력했더니 잘못 입력했다는 문자열이 출려되고 있습니다. 이렇게 [다중 if문]은 else if (조건문)을 연속으로 사용해서 조건에 해당하는 if문을 실행하게 하는 형식입니다. 모든 조건을 만족하지 않을 때는 else 다음의 문장이 실행됩니다.
간단한 내용이니까 메모장 열어서 후다닥 입력해서 실행해보세요. 직접 입력해봐야 이해가 쉽습니다. 수고하셨어요.
