if문
<body>
<script type="text/javascript">
let walk = Number(prompt("내가 하루에 걷는 걸음은 몇 걸음인가요?"));
if(walk >= 10000) {
document.write("당신은 매우 좋은 습관을 가지고 있습니다.");
}
document.write("<hr>");
let name = prompt("방문자의 이름은???");
// 조건식에 0, null, "", undefined ==> false
if(name) {
document.write(name + "님 환영합니다.");
}
</script>
</body>
걸음수가 10000미만, 이름을 입력했으므로 결과는 hr과 (이름)님 환영합니다가 나온다.
자바스크립트에서의 조건문에 0, null, "", undefined가 오면 false를 반환하니 이 점을 알아두자.
* undefined 자료형
변수만 선언하고 해당 변수 안에 데이터가 안 들어 있는 상태에서
화면에 출력할 때 화면에 나오는 자료형.
let data;
document.write("data >>> " + data + "<br>");
data에 값이 없으므로 undefined 반환
if~else문
if~else 조건문
형식) if(조건식) {
조건식이 참인 경우 실행문;
}else {
조건식이 거짓인 경우 실행문;
}
<body>
<script type="text/javascript">
let walk = Number(prompt("당신이 하루에 걷는 걸음은 몇 걸음인가요?"));
if(walk >= 10000) {
document.write("좋은 습관을 가지고 계시네요~~~<br>");
}else {
document.write("운동을 열심히 하셔야 겠군요~~~<br>");
}
/* confirm 창을 통한 if~else문 */
let result = confirm("정말 탈퇴 하시겠습니까?");
/* 확인 버튼 클릭 시 */
if(result) {
document.write("탈퇴 처리하였습니다.");
/* 취소 버튼 클릭 시 */
}else {
document.write("탈퇴 취소 처리하였습니다.");
}
</script>
</body>
switch~case 조건문
- 다중 if~else문과 유사한 구조를 가지고 있음.
- 다중 if~else문을 switch~case문으로 변경할 수 있는 경우는 조건식이 특정한 값과 일치되는 경우(==)만 switch~case문으로 변경할 수 있음.
- 즉, 조건식에 == 인 경우를 제외하고 >=, >, <=, <, != 과 같은 비교연산자를 사용한 경우에는 switch~case문으로 변경할 수 없음.
<body>
<script type="text/javascript">
let site = prompt("네이버, 다음, 구글 중 자주 사용하는 포털 사이트는??");
let url;
switch(site) {
case "네이버" :
url = "www.naver.com";
break;
case "다음" :
url = "www.daum.net";
break;
case "구글" :
url = "www.google.com";
break;
default :
alert("보기 중에는 없는 사이트입니다.");
}
if(url) {
location.href="http://"+url; // 실제로 페이지로 이동이 진행됨.
}else {
location.reload(); // 현재 페이지를 새로 고침하는 기능.
}
</script>
</body>
'Front-End > Javascript' 카테고리의 다른 글
| [JavaScript] 반복문(while, do~while, for), continue, break 명령문 (0) | 2021.12.09 |
|---|---|
| [Java Script] NaN (0) | 2021.12.07 |
| [JavaScript] 연산자(operation) (0) | 2021.11.13 |
| [JavaScript] 입출력 대화 상자_alert , confirm, prompt (0) | 2021.11.11 |
| [JavaScript] 변수와 상수(var, let, const), 자료형 (0) | 2021.11.10 |
댓글