-
Notifications
You must be signed in to change notification settings - Fork 0
/
test08_28.html
65 lines (62 loc) · 2.2 KB
/
test08_28.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>덧셈 계산기</h1>
첫번째 수: <input type="text"id="num1">
두번째 수: <input type="text"id="num2">
합계: <input type="text"id="sum">
<button onclick="calc()">계산</button>
<script>
function calc(){
let num1 = document.getElementById('num1').value;
let num2 = document.getElementById('num2').value;
let sum = parseInt(num1)+parseInt(num2);
document.getElementById('sum').value=sum;
}
</script>
</body>
</html> -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box" style="height: 100px; width: 100px; background-color: #828282;">
</div>
<button id="darkmod" onclick="dark()">야간모드</button>
<button id="darkmod" onclick="light()">야간모드끄기</button>
<button id="darkmod" onclick="dark_time()">야간모드(시간대)</button>
<script>
let time = new Date().getHours;
function dark_time(){
if(time<=6||18<time){
document.body.style.backgroundColor="#000000"
document.getElementById('box').style.backgroundColor="#d9d9d9"
}
else{
document.body.style.backgroundColor="#ffffff"
document.getElementById('box').style.backgroundColor="#828282"
}
}
function dark(){
document.body.style.backgroundColor="#000000"
document.getElementById('box').style.backgroundColor="#d9d9d9"
dark=1;
}
function light(){
document.body.style.backgroundColor="#ffffff"
document.getElementById('box').style.backgroundColor="#828282"
}
</script>
</body>
</html>