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 |