IT

javascript 랜덤 색 만들기

쩐부 2016. 9. 4. 14:11

처음으로 쓰는 Programming 글


Javascript로 랜덤하게 색을 만들어주는 거에 대해 알게 되어 기억해두고자 포스팅한다

코드 한 줄로 해결이 가능하다


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
    <title>Javascript 랜덤 색 만들기</title>
</head>
<body>
    <div onload="OnLoad()" id="randomClass">
        Javascript 랜덤 색 만들기
    </div>
    <button onclick="myFunction()">Click</button>
</body>
<script type="text/javascript">
    function myFunction() {
        var colorCode = "#" + Math.round(Math.random() * 0xffffff).toString(16);
 
        document.getElementById("randomClass").style.color = colorCode;
    }
</script>
</html>
 
cs


정말 간단하다


"#" + Math.round(Math.random() * 0xffffff).toString(16);


한 줄로 해결!

BIG
저작자표시 비영리 변경금지