728x90
반응형
if ~ else문 | |
실행될 실행문이 한 줄뿐이라면 중괄호({})생략가능 | |
switch ~ case문 switch(케이스값){ case값: case값: case값: 실행코드들...; [break;] case값: case값: case값: 실행코드들...; [break;] case값: case값: case값: 실행코드들...; [break;] default : 실행코드 ; } switch (str) {
case '1' : case '한국' : document.write("한국"); break;
case '2' : case '미국' : document.write("미국"); break;
case '3' : case '일본' : document.write("일본"); break;
case '4' : case '중국' : document.write("중국"); break;
default : document.write("기타");
}
|
|
if문
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h1>if문</h1> <script> var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } if (x < y) { document.write("x가 y보다 작습니다.."); } if (x > y) document.write("x가 y보다 큽니다."); //실행될 실행문이 한 줄 뿐이라면 중괄호({})를 생략할 수 있음. </script> <h1>else문</h1> <script> var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } else { //if~else중첩문 if (x < y) document.write("x가 y보다 작습니다."); else document.write("x가 y보다 큽니다."); } </script> <h1>else if문</h1> <script> var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } else if (x < y) { document.write("x가 y보다 작습니다.."); } else {// x > y인 경우 document.write("x가 y보다 큽니다."); } </script> </body> </html>
switch
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>switch조건문</title> <script> var str = prompt("국가? 1.한국 2.미국 3.일본 4.중국", ""); //""기본값, swith에서는 default switch (str) { case '1' : case '한국' : document.write("한국"); break; case '2' : case '미국' : document.write("미국"); break; case '3' : case '일본' : document.write("일본"); break; case '4' : case '중국' : document.write("중국"); break; default : document.write("기타"); } </script> </head> <body> </body> </html>
switch~ case
if~ else
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>JS switch문</title> </head> <body> <h2>자바스크립트 if..else문</h2> <script> var a = prompt("1부터 9까지의 숫자를 입력하세요."); var str; switch ( Number(a) //자동형변환 되므로 자료형 입력하지 않아도 됨. ) { case 1: case 3: case 6: case 7: case 8: str = "은"; break; case 2: case 4: case 5: case 9: str = "는"; break; default: str = "유효하지 않은 입력 값입니다."; } // if (a % 2 != 1) { //typeof 형식으로 사용x 자료형을 소문자 문자열로 반환 // document.write("typeof a:", typeof a); // if (typeof Number(a) == "number") { //값이 잘 못되더라도 인식됨 // if (a % 2 != 0) { // document.write(a + str + " 홀수<br>"); // } else { // document.write(a + str + " 짝수<br>"); // } // } else { // document.write("숫자값이 아닌 값이 입력되었습니다.<br>"); // } //isNaN if (isNaN(Number(a)) == true) { document.write("숫자값이 아닌 값이 입력되었습니다.<br>"); } else { if (a % 2 != 0) { document.write(a + str + " 홀수<br>"); } else { document.write(a + str + " 짝수<br>"); } } </script> </body> </html>
switch
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>switch조건문</title> <script> var day; //undefined var d = new Date().getDay(); switch (d) { case 0: day = "Sunday"; break; case 1: day = "Monday"; break; case 2: day = "Tuesday"; break; case 3: day = "Wednesday"; break; case 4: day = "Thursday"; break; case 5: day = "Friday"; break; default : day = "Saturday"; } document.write("오늘은 " + day + "입니다."); </script> </head> <body> </body> </html>
728x90
반응형
'[JS]' 카테고리의 다른 글
[JS] for (0) | 2024.02.27 |
---|---|
[JS] while, do~while (0) | 2024.02.27 |
[JS] Date (0) | 2024.02.27 |
operator (0) | 2024.02.27 |
[JS] operator (0) | 2024.02.27 |