본문 바로가기
IT/JavaScript

[javascript] - if 조건문

by on sunday 2019. 12. 22.
728x90
반응형









조건문


if문


var walkAmount=prompt("당신의 하루 걷는 양은 몇 보인가요?""0");
if(walkAmount>=10000){
    document.write("매우 좋은 습관을 지니고 계시는 군요!!""<br>");
}
document.write("==The End==""<br><br>");
cs




--> 10000 보다 큰 숫자를 입력했을 경우 


매우 좋은 습관을 지니고 계시는 군요!!
==The End==


작은 숫자를 입력했을 경우 the end만 출력됩니다.





var min=prompt("당신의 하루 통화량은 몇 분인가요?""");
if(min>=60){
    document.write("많이 사용하는 편이네요.""<br>");
}
document.write("===The End===""<br><br>");
cs



-->  60보다 큰 수를 입력했을 경우


많이 사용하는 편이네요.
===The End===



작은 숫자를 입력했을 경우 the end만 출력 됩니다.





var userName=prompt("방문자의 이름은?","");
if(userName){
    document.write(userName+"님 반갑습니다! 방문을 환영합니다.");
}
cs


username님 반갑습니다! 방문을 환영합니다. 라고 출력됩니다.





else문


else문은 조건식을 만족할 ture, 경우와 만족하지 않을 false 경우에 따라 실행되는 코드가 달라집니다.


기본형


if(조건식){

자바스크립트 코드1;

}else{

자바스크립트 코드2;

}




var num=prompt("당신이 좋아하는 숫자는?","0");
 
if(num % 2 == 0){
    document.write("당신이 좋아하는 숫자는 짝수 입니다.""<br>");
}else{
    document.write("당신이 좋아하는 숫자는 홀수 입니다.""<br><br>");
}
 
cs



-->  결과 값

promt에 입력한 num의 값을 2로 나는 나머지의 값이 0이면 코드1을 실행하고, 

0이 아니면 코드2를 실행합니다.





var result=confirm("정말로 회원을 탈퇴하시겠습니까?""<br>");
//확인 = true, 취소 = false
if(result){
    document.write("탈퇴처리 되었습니다!""<br>");
}else{
    document.write("탈퇴 취소되었습니다!""<br>")
}
cs




--> confirm() 메서드는 [확인] 버트을 누르면 true값을 반환하고

[취소] 버튼을 누르면 false값을 반환하여 변수 resulte에 저장합니다.




else if 문


var mon=prompt("현재는 몇 월입니까?""0");
 
if(mon >= 9 && mon <= 11){
    document.write("독서의 계절 가을이네요!");
}else if(mon >= 6 && mon <= 8){
    document.write("여행가기 좋은 여름이네요!!");
}else if(mon >= 3 && mon <= 5){
    document.write("햇살 가득한 봄이네요!");
}else{
    document.write("스키의 계절 겨울이네요!!");
}
cs




--> 입력되는 mon의 값에 따라 다른 문장을 출력합니다.






중첩 if문

조건문 안에 조건문이 있으면 중첩 if문이라고 합니다.




var id="easy1004";
var pw="112233";
 
var user_id=prompt("아이디는?""");
var user_pw=prompt("비밀번호는?""");
 
if(id == user_id){
    if(pw == user_pw){
        document.write(user_id+"님 반갑습니다!");
    }else{
        alert("비밀번호가 일치하지 않습니다.");
        location.reload();
    }
}else{
    alert("아이디가 일치하지 않습니다.");
    location.reload();
}
 
cs


--> 프롬프터 창에 입력한 비밀번호와 아이디의 값이 변수 id와 pw에 저장된 값과 일치하면 환영문구가 출력됩니다.




728x90
반응형

댓글