본문 바로가기

WEB_TECH/javascript

조건문

IF문입니다.

조건을 나타낼 때 가장 많이 쓰이는 구문입니다.

다음 예제를 실행해 보겠습니다.


<!DOCTYPE html>

<html>

<body>


<p>Click the button to get a time-based greeting.</p>


<button onclick="myFunction()">Try it</button>


<p id="demo"></p>


<script type="text/javascript">

function myFunction()

{

var x="";

var time=new Date().getHours();


if (time<10)

{

x="Good morning";

}

else if (time<20)

{

x="Good day";

}

else

{

x="Good evening";

}

document.getElementById("demo").innerHTML=x;


}

</script>


</body>

</html>



비슷한 조건이 계속될 때는 switch ~ case 구문을 사용하면 유용합니다.

다음 예제를 실행해 보겠습니다.

<!DOCTYPE html>

<html>

<body>


<p>Click the button to display what day it is today.</p>


<button onclick="myFunction()">Try it</button>


<p id="demo"></p>


<script type="text/javascript">

function myFunction()

{

var x;

var d=new Date().getDay();

switch (d)

  {

  case 0:

 x="Today it's Sunday";

 break;

  case 1:

 x="Today it's Monday";

 break;

  case 2:

 x="Today it's Tuesday";

 break;

  case 3:

 x="Today it's Wednesday";

 break;

  case 4:

 x="Today it's Thursday";

 break;

  case 5:

 x="Today it's Friday";

 break;

  case 6:

 x="Today it's Saturday";

 break;

  }

document.getElementById("demo").innerHTML=x;

}

</script>


</body>

</html>

'WEB_TECH > javascript' 카테고리의 다른 글

String객체  (0) 2012.09.13
javascript 객체기반언어  (0) 2012.08.17
Try...Catch 구문  (0) 2012.08.17
이벤트  (0) 2012.08.17
자바스크립트 함수 Function  (0) 2012.08.17
pop up boxes  (0) 2012.08.17
반복문  (0) 2012.08.17
연산자  (0) 2012.08.17
자바스크립트 어떻게 작성할까요?  (0) 2012.08.17
javascript를 작성하는 곳  (0) 2012.08.09