본문 바로가기
일상/IT

자바스크립트]제어문-조건문(if/else/else if)

by EXIT_40 2021. 11. 29.
반응형

자바스크립트의 제어문은 프로그램을 제어하는 문장을 말합니다.

제어문에는 조건문/선택문/반복문이 있습니다.

오늘은 제어문 중 조건문에 대해 알아보려고 합니다.

 

조건문

조건문은 조건식의 값이 참(true)인지 거짓(false)인지에 따라 제어합니다.

 

if 문
if(조건식){
  자바스크립트 코드;
}

 

예제를 풀어보겠습니다.

num에 30이라는 값을 줬을 때, num<600 비교하면 30<600이므로 true를 반환합니다.

따라서 조건문 내의 코드를 실행하면 "oh!"가 출력됩니다.

또다른 예제를 풀어볼까요?? 

이렇게 입력하게 되면 "당신은 하루에 몇시간 핸드폰을 보나요?"라는 질의응답창이 뜨고

만약 입력한 시간이 5보다 크거나 같다면 "핸드폰 중독입니다!!"라고 출력이 됩니다.

 

else 문
if(조건식){
   자바스크립트 코드 1;
}else{
   자바스크립트 코드 2;
}

 

예제를 풀어볼까요??

이번에 사용할 confirm은 [확인]버튼을 누르면 true값이 [취소]버튼을 누르면 false값이 변수에 저장됩니다.

만약 true값이면 "탈퇴 처리되었습니다"라고 출력되고

false값이면 "탈퇴 취소되었습니다"라고 출력됩니다.

 

else if 문
if(조건식1){
   코드 1;
}else if(조건식2){
   코드 2;
}else if(조건식3){
   코드 3;
}

 

다음과 같이 예제를 작성해봅니다.

브라우저에 나타나는 질의응답창에 "5"을 입력하면 5에 해당하는 문구인 "파이팅!"이 출력됩니다.

반응형

댓글