비전공개미 개발노트
[JavaScript/jQuery] rgb색상을 랜덤하게 받아서 박스만들기 본문
반응형
SMALL
<!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>randomBox</title>
</head>
<body>
<script>
var data = "";
for(var i=0; i<15; i++){
var r = Math.floor(Math.random()*255);
var g = Math.floor(Math.random()*255);
var b = Math.floor(Math.random()*255);
data += "<div style='background-color:rgb("+r+","+g+","+b+"); width:50px;height:50px;display:inline-block;'></div>";
}
document.write(data);
</script>
</body>
</html>반응형
LIST
'프론트엔드 > JavaScript' 카테고리의 다른 글
| [JavaScript / jQuery] 클릭할때마다 무한회전 (0) | 2022.10.06 |
|---|---|
| [JavaScript] 배열출력, $.each문, forEach문 (0) | 2022.10.06 |
| [JavaScript] 배열을 불러와 박스색상 변경하기 (0) | 2022.10.06 |
| [JavaScript] Date, String, Math, 사용자 객체 (0) | 2022.10.05 |
| [JavaScript] 배열선언, 배열출력, $.each (1) | 2022.10.05 |
Comments