1. 조건 제어문: if
제어문: 순차적인 흐름을 제어하기 위함
[형식1]
if(조건1) {
참일 때 실행 문장;
}
[형식2]
if(조건1) {
참일 때 실행 문장;
}
else {
거짓일 때 실행 문장;
}
[형식3]
if(조건1) {
조건1에 만족하는 문장;
}
else if(조건2) {
조건2에 만족하는 문장;
}
else{
조건1, 조건2에 해당하지 않은 값을 이곳에서 모두 처리
}
※ else if(조건문){} 으로 끝낼 수도 있고, else로 끝낼 수도 있다.
예제1)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 제어문: 순차적인 흐름을 제어하기 위함
// 조건 제어문: if
/*
[형식1]
if(조건1) {
참일 때 실행 문장;
}
[형식2]
if(조건1) {
참일 때 실행 문장;
}
else {
거짓일 때 실행 문장;
}
age=window.prompt("당신의 나이는", "나이입력");
if(age>=20) {
window.alert("당신은 성인입니다");
}else{
window.alert("당신은 미성년자입니다.");
}
-->
</script>
</head>
<body>
</body>
</html>
※ document는 브라우저 전체의 객체
※ window는 body 영역의 객체. 생략 가능하다.
예제2)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
/*
[형식3]
if(조건1) {
조건1에 만족하는 문장;
}
else if(조건2) {
조건2에 만족하는 문장;
}
else{
조건1, 조건2에 해당하지 않은 값을 이곳에서 모두 처리
}
※ else if(조건문){} 으로 끝낼 수도 있고, else로 끝낼 수도 있다.
*/
// 학점 체크
jumsu=window.prompt("당신의 점수는", "점수입력");
if(jumsu>100){
alert("100보다 큰 수입니다. 다시 입력해주세요.");
}else if(jumsu>=90){
alert("A학점");
}else if(jumsu>=80){
alert("B학점");
}else if(jumsu>=70){
alert("C학점");
}else if(jumsu>=60){
alert("D학점");
}else if(jumsu>=0){
alert("F학점");
}else{
alert("잘못된 값입니다. 다시 입력해주세요.");
}
-->
</script>
</head>
<body>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 4. 자바스크립트 기초: 반복 제어문 do~while, while, for (0) | 2017.08.22 |
|---|---|
| 3. 자바스크립트 기초: 문장형식, 변수 (0) | 2017.08.22 |
| 1. 자바스크립트 기초: 주석, 연산자 (0) | 2017.08.17 |
| ECMA 스크립트: 객체의 생성과 속성 추가, 삭제, 수정 (0) | 2016.05.25 |
| ECMA 스크립트: 객체의 속성을 지정하는 defineProperty (0) | 2016.05.24 |
