happy cat image

everdevel

우리 모두의 웹 입문, 에버디벨

UI 변경

if문

조건문 중에 하나인데요. 프로그래밍을 하면서 엄청나게 많이 사용하게 됩니다. 사용법은

if(조건식){
    조건식이 참이면 구동할 소스 입력
}

예제를 보며 이해해 봅시다.

소스의 내용은 변수 a 의 값이 100 이면 a의 값은 100 입니다. 라는 문자열을 출력합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 100;
if(a == 100){
  document.write("a의 값은 100 입니다. ");
}
</script>
</head>
<body>
</body>
</html>

if의 조건문에서 같은가를 조건으로 사용할때는 ==(= 두번)를 사용합니다. 서로 값이 같은 지를 확인후 참이면 실행 아니면 미실행 입니다.

else if

else if문은 위의 if문에서 조건이 참이 아닐 경우 다른 조건을 내세울때 사용합니다. 그래서 이미 앞에서 작성한 if문과 짝이 됩니다.

위의 조건문에서는 a가 100 이면이죠 만약 a가 20이라고 하면 조건에 벗어 나게 되는데요. 그때 다른 조건 a가 20 이면 의 조건을 더 붙일 수 있습니다.

예제를 통해 확인해 봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 20;
if(a == 100){
  document.write("if문작동 <br />");
  document.write("a의 값은 100 입니다. <br />");
}
else if(a == 20){
  document.write("else if문작동 <br />");
  document.write("a의 값은 20 입니다. <br />");
}
</script>
</head>
<body>
</body>
</html>

else if문은 여러번 사용이 가능 합니다. 다른 조건이 또 필요하면 사용하면 됩니다.

else

그럼 이번엔 else에 대해서 알아봅시다.

if문의 조건 else if의 조건문도 다 아니면 else를 선언하여 명령문을 넣어 줍니다.

즉 어떠한 조건도 만족하지 않으면 이걸 실행 해라 입니다.

예제를 통해서 확인해 봅시다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<script>
a = 30;
if(a == 100){
document.write("if문작동 <br />");
document.write("a의 값은 100 입니다. <br />");
}
else if(a == 20){
document.write("else if문작동 <br />");
document.write("a의 값은 20 입니다. <br />");
}
else{
document.write("else문작동 <br />");
document.write("a의 값은 20도 100도 아닙니다. <br />");
}
</script>
</head>
<body>
</body>
</html>

이것을 if문에 대한 설명을 끝내겠습니다.

강좌로 돌아가기