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
반응형
'IT > JavaScript' 카테고리의 다른 글
[javascript] - 내장객체(배열) (0) | 2019.12.25 |
---|---|
[javascript] - 내장 객체(날짜,수학) (0) | 2019.12.24 |
[javascript] - switch, while, for 선택문, 반복문 (0) | 2019.12.23 |
[javascript] - 기초문법 (0) | 2019.12.21 |
티스토리 코드블럭 하이라이트 적용하기 (스크롤 생성) (1) | 2019.12.14 |
댓글