본문 바로가기
Coding/Language - JavaSCript

JavaScript - 제4강

by 그냥그렇듯이 2017. 11. 12.
반응형

- 제어문 -

if, for, while, break, continue, switch 등의 제어문을 활용하면 프로그램의 흐름을 바꿀 수 있다.

Lesson 1


 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

      s=65;

      document.write("당신의 점수는",s,"점입니다.<br>");

      if(s<70) {

          document.write("평균까지 앞으로", (70-ㄴ),"점<br>");

          document.write("화이팅!");

      }else{

        document.write("수고했어요!");

      }

    </script>

  </body>

</html>


 if문 사용

Lesson 2

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

      a=90;


      if(a>80){

        if(a==100){

          alert("만점입니다.");

        } else{

          alert("힘내요!");

        }

      }

      else{

        alert("분발하세요");

      }

    </script>

  </body>

</html>


 if 문 안의 if 사용 => Nest

Lesson 3

 for (i=1; i<4; i++) {

document.write("Hello World", i,"<br>");

}

 

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

for(j=1; j<=9; j++){

  document.write(j,"단<br>");

  for(i=1;i<=9;i++){

    document.write(j,"x",i,"=",j*i,"<br>");

  }

}

    </script>

  </body>

</html>

 구구단

Lesson 4

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

      s=i=0;


      do{

        ++i;

        s=s+i;

      } while(i<10);

      document.write("1부터",i,"까지의 합은", s,"<br>");

    </script>

  </body>

</html>

while (조건문) 조건이 성립하는 동안만 반복처리

do~while문 do는 무조건 한 번 실행 이후 조건에 맞을 때까지 처리

*무한루프 조심

Lesson 5

b=2;

for(a=0; a<5; a++){

     if(b-a==0)

         break;

     docment.write(b,"-",a,"=",b-a,"<br>");

}

반복 실행 중단하기

 

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

      b=1;

      for(a=0; a<4; a++){

        if(a+b==2)

           continue;

        document.write("a, "+", b, "=", a+b,"<br>"");

      }

    </script>

  </body>

</html>


반복 실행을 다음 차례로 옮기기

Lesson 6


switch(i) {

case 1: document.write("1");

case2: document.write("2");

case 3: document.write("3");

}

**break가 없으면 모든 case를 통과한다.


 switch문은 여러개의 case 중에 알 맞은 것을 골라 처리한다. 만약 어느  case에도 맞지 않는 경우 default로 넘어간다.

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script type="text/javascript">

      jebi=window.prompt("제비뽑기 숫자를 입력하시오 (1~10까지)");

      switch(jebi){

        case"7":

          document.write("1등당첨");

          break;

        case "2": case"5":

          document.write("2등당첨");

          break;

        case "4": case"6": case"9":

          document.write("3등 당첨");

          break;

        default:

          docmuent.write("꽝");

          break;

      }

    </script>

  </body>

</html>


 

Practice

1. if문을 사용하여 성적 출력하는 코드 작성하라.

90이상 A

80 B

70 C

60 D

이하 F

score = 70;

if(score>=90) {a='A';}

else if(score>=80) {b='B';}

else if(score>=70) {c='C';}

else if(score>=60) {d='D';}

else {a='F';}

document.write("성적 :"+a); 


2. for 문 사용하여 1부터 10까지의 합을 구하라



sum=0;

for(i=1; i<=10; i++) {

leftSide="";

for(j=1; j<=i; j++){

leftSide +==j;

if(j!=i) {leftSide +="+"}

sum+=j;

}

document.write(leftSide+"="+sum+"<br>");

sum=0;


 

3. 다음 중 a의 값이 11인 경우에도 a의 값을 출력하는 것은 어느 것인가?

while(a<10) {

document.write(a);

}


do{

document.write(a);

} while(a<10)


 do while

4,  switch문을 사용하여 임의의 달의 일수가 몇일인지 출력하는 코드

 

month="3";

flag=true;

switch(month){

  case"1":case"3":case"5":case"7":case"8":case"10":case"12":

    days ="31";

    break;

  case"4":caes"6":case"9":case"11":

    days="30";

    break;

  case "2";

    days="28";

    break;

  default:

    flag=false;

    break;

}


if(flag==true){

  document.write(month+"월은"+days+일 있습니다.");

} else {

  document.write("1월부터 12월까지 올바른달을 입력하세요");

}



댓글