비전공개미 개발노트
[JavaScript] 배열을 불러와 박스색상 변경하기 본문
반응형
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>arraybox</title>
</head>
<body>
<div id="colorBox">
</div>
<script>
let colors = ["red","orange","yellow","green","blue","navy","purple","white","black","lime","gray","pink","aqua","silver","magenta","lightblue","yellowgreen"];
var data = "";
for(let i=0; i<colors.length; i++){
data += "<div style='width:100px; height:100px; float:left; background-color:"+ colors[i]+"'>"+colors[i]+"</div>"
}
document.write(data);
</script>
</body>
</html>반응형
LIST
'프론트엔드 > JavaScript' 카테고리의 다른 글
| [JavaScript] 배열출력, $.each문, forEach문 (0) | 2022.10.06 |
|---|---|
| [JavaScript/jQuery] rgb색상을 랜덤하게 받아서 박스만들기 (0) | 2022.10.06 |
| [JavaScript] Date, String, Math, 사용자 객체 (0) | 2022.10.05 |
| [JavaScript] 배열선언, 배열출력, $.each (1) | 2022.10.05 |
| [JavaScript] prompt창으로 입력, switch문 활용 (0) | 2022.10.05 |
Comments