쩐부 STORY

javascript 랜덤 색 만들기 본문

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
저작자표시 비영리 변경금지

'IT' 카테고리의 다른 글

폰폰테스트 fonfon 재밌는 이상형 찾기 궁합 테스트 (링크)  (10) 2020.03.21
카카오뱅크 이체확인증 발급 방법  (0) 2020.02.27
배달의민족 총주문금액 조회 하는 방법. 내가 언제 이렇게 많이 시켰지..  (0) 2019.10.31
애플 아이폰 iOS 13 업데이트 아이튠즈로 빨리 하기 / 다크 모드, 미모티콘 새 기능 미리보기  (0) 2019.09.20
애플 아이폰7 발표 내용 보기 (Apple Special Event)  (0) 2016.09.08
공유하기 링크
'IT' Related Articles more
Comments