실습문제 9-5

WEB/TRAINNING 2017. 12. 4. 09:20 |

5. 브라우저의 아무 곳이나 더블클릭하면 바탕색이 랜덤하게 바뀌는 웹 페이지를 작성하라.


힌트)

document.body.stlye.backgroundColor = "rgb(55,46,126)"; <-를 참고하라


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html ondblclick="randomBackground()">
<head>
<title>자바스크립트 연습</title>
<script>
function randomBackground() {
    var r = Math.floor(Math.random()*256);
    var g = Math.floor(Math.random()*256);
    var b = Math.floor(Math.random()*256);
    document.body.style.backgroundColor = 
        "rgb("+ r + "," + g + "," + b +")";
}
</script>
</head>
<body>
<h3>바탕 아무 곳에나 더블 클릭</h3>
<hr>
<p>바탕 아무 곳이나 <strong>더블클릭</strong>하면
배경색이 랜덤하게 변합니다.
</p>
</body>
</html>
cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<title>자바스크립트 연습</title>
<script>
window.ondblclick = function(e) {
    var r = Math.floor(Math.random()*256);
    var g = Math.floor(Math.random()*256);
    var b = Math.floor(Math.random()*256);
    document.body.style.backgroundColor = 
        "rgb("+ r + "," + g + "," + b +")";
}
</script>
</head>
<body>
<h3>바탕 아무 곳에나 더블 클릭</h3>
<hr>
<p>바탕 아무 곳이나 <strong>더블클릭</strong>하면
배경색이 랜덤하게 변합니다.
</p>
</body>
</html>
cs


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

실습문제 9-7  (0) 2017.12.04
실습문제 9-6  (0) 2017.12.04
실습문제 9-4  (0) 2017.12.04
실습문제 9-3  (0) 2017.12.04
실습문제 9-2  (0) 2017.12.04
Posted by 너래쟁이
: