실습문제 7-4

WEB/TRAINNING 2017. 11. 21. 10:59 |

4. 예제 7-6을 수정하여, 웹 페이지를 접속할 때 월요일~토요일이면 배경색을 gold로, 일요일이면 pink로 출력되게 하라.




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>방문 시간에 따라 변하는 배경색</title></head>
<body>
<h3>일요일은 pink, 다른 요일은 gold 배경</h3>
<hr>
<script>
var current = new Date(); // 현재 시간 값을 가진 Date 객체 생성
var th="일";
 
if(current.getDay() == 0)
    document.body.style.backgroundColor = "Pink";
else
    document.body.style.backgroundColor = "gold";
 
switch(current.getDay())
{
    case 0:th="일"break;
    case 1:th="월"break;
    case 2:th="화"break;
    case 3:th="수"break;
    case 4:th="목"break;
    case 5:th="금"break;
    case 6:th="토"break;
 
}
document.write("오늘 : ");
document.write(current.getDate(), "일,");
document.write(th,"요일<br>");
</script>
</body>
</html>
cs


'WEB > TRAINNING' 카테고리의 다른 글

실습문제 8-1  (0) 2017.11.24
실습문제 7-5  (0) 2017.11.21
실습문제 7-3  (0) 2017.11.21
실습문제 7-2  (0) 2017.11.21
실습문제 7-1  (0) 2017.11.21
Posted by 너래쟁이
: