[제어문] => 모든 제어구문은 중첩이 가능하다.
1. 조건제어문
조건에 따라 실행할 문장을 선택
1) if(조건) { }
if-else
if-if else-else
2) switch
: 다중if문을 대신할 수 있는 명령문(단순한 값들을 비교하기 위해 많이 사용)
switch(조건){
----- ===> 비교하기위한 값이 저장된 변수명. 연산식, 결과가 리턴되는 함수의 호출문
case 값1: // 정확하게 일치하는 값을 비교, > >= < <= 비교연산자 사용불가
// 조건 부분에 명시한 변수나 연산식의 결과가 값1일 때 실행할 명령문
break; // 스위치문의 특성을 해결하기 위해서
// case에 대한 평가가 끈나면 switch블록을 빠져나오도록 작업
case 값2: ...
default: if의 else와 같은 역할
2. 반복제어문
: for, while, do ~ while
< for문 할 때 주의할 점! >
for( 조건 ) { i=0; i<=100; i++ }
-> 페이지 계속 로딩만 반복되면 오타확인
-> 또는 console.iog(i) 코드 치고 페이지에서 f12 눌러서 확인하기
<body>
<script type="text/javascript">
//프롬프트로 입력받은 값에 대한 처리
num = prompt("숫자를 입력하세요.");
if(num==null){
alert("취소");
}else if(num==''){
alert("문자입력하지 않고 확인누름")
}else{
alert("값입력")
// 제대로 눌렀을 때 여기서 조건 시작
}
</script>
</body> <body>
<script type="text/javascript">
//숫자 입력받아 양수인지 음수인지 0인지 판단하는 작업
num = parseInt(prompt("숫자를 입력하세요."));
if(num>0){
alert("양수");
}else if(num<0){
alert("음수");
}else if(num==0){ // 타입 명시 안 한 경우 num==0 && num!==''
// 타입이 스트링인 상태에서는 빈문자열을 0으로 바꾸어 연산
alert("0");
}else{
alert("잘못입력");
}
</script>
</body> <body> // 숫자 입력했을 때 짝수인지 홀수인지 알려주는 코드
<script type="text/javascript">
num = prompt("숫자를 입력하세요.")
switch(parseInt(num%2)){
case 0:
alert("짝수");
break;
case 1:
alert("홀수");
break;
}
</script>
</body>
<body> // if-switch문
<script type="text/javascript">
num = prompt("점수를 입력하세요.");
if(num<0 || num>100){
alert("잘못입력")
}else{
switch(Math.floor(num/10)){
case 10:
case 9:
alert("수");
break;
case 8:
alert("우");
break;
case 7:
alert("미");
break;
case 6:
alert("양");
break;
default:
alert("가");
}
}
</script>
</body>===> 다시 해보기
'HTML, CSS, JS' 카테고리의 다른 글
| 2022-09-29 Date객체, Array객체, String객체, BOM객체 (0) | 2022.09.29 |
|---|---|
| 2022-09-28 javascropt 함수, 객체 (0) | 2022.09.29 |
| 2022-09-26 javascript 문법 (0) | 2022.09.26 |
| html,css_박스모델 실습과제 layout_main.html 리뷰 (0) | 2022.09.24 |
| 2022-09-23 javascript 사용방법, 함수정의 (0) | 2022.09.24 |
댓글