조건문 : if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될수 있는 값은 boolean이다.
if문 예시
//ex 1
if(true){
alert('result : true');
}
//ex 2
if(false){
alert('result : true');
}
//ex 3
if(true){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);
//ex 4)
if(false){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);
if, else 예시
//ex 1)
if(true){
alert(1);
} else {
alert(2);
}
//ex 2)
if(false){
alert(1);
} else {
alert(2);
}
else if 예제
//ex 1)
if(false){
alert(1);
} else if(true){
alert(2);
} else if(true){
alert(3);
} else {
alert(4);
}
// 결과 : 2
//ex 2)
if(false){
alert(1);
} else if(false){
alert(2);
} else if(true){
alert(3);
} else {
alert(4);
}
//결과 3
//ex 3
if(false){
alert(1);
} else if(false){
alert(2);
} else if(false){
alert(3);
} else {
alert(4);
}
조건문 응용 예시
// ex 1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var id = prompt('아이디를 입력해주세요.')
if(id=='gildong'){
alert('아이디가 일치 합니다.')
} else {
alert('아이디가 일치하지 않습니다.')
}
</script>
</body>
</html>
// ex 2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var id = prompt('아이디를 입력해주세요.');
if(id=='gildong'){
var password = prompt('비밀번호를 입력해주세요.');
if(password==='111111'){
alert('로그인 했습니다.');
} else {
alert('비밀번호가 일치하지 않습니다.');
}
} else {
alert('아이디가 일치하지 않습니다.');
}
</script>
</body>
</html>
논리연산자 : 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와준다.
- && : 좌항과 우항이 모두 참일때 참이된다.
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.');
password = prompt('비밀번호를 입력해주세요.');
if(id=='gildong' && password=='111111'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>
- || : 좌항과 우항 중에 하나만 참이면 참이다.
예제
id = prompt('아이디를 입력해주세요.');
password = prompt('비밀번호를 입력해주세요.');
if((id==='gildong' || id==='soonsin' || id==='sejong') && password==='111111'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
'Programming > Javascript' 카테고리의 다른 글
| 함수 (0) | 2018.01.02 |
|---|---|
| 반복문(while, for) (0) | 2018.01.02 |
| 변수, 연산자, 비교연산자 (0) | 2018.01.02 |
| 주석, 숫자, 문자/문자열, 문자 연산 (0) | 2017.12.29 |
| Javascript란? (0) | 2017.12.29 |
꼴통보안인