실습문제 7장에 8번 <div>를 이용하여 랜덤색을 배치하는 문제입니다. 2틀동안 여러방법을 사용해 보았지만 잘 되지 않아 질문하게 되었습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Math.random()으로 랜덤</title>
<style>
div {
display : inline-block;
width : 150px;
padding : 10px;
}
</style>
</head>
<body>
<h3>16개의 랜덤한 색 만들기</h3>
<hr>
<script>
for(var i=0; i<16; i++){
var n = Math.floor( Math.random()*100);
var m = Math.floor( Math.random()*100);
var s = Math.floor( Math.random()*100);
document.write("rgb("n + ", " + m + ", " + s + ") ");
}
</script>
<!-- <div style = "background-color : rgb(200,200,200)"> 색상</div>; -->
</body>
</html>
이 소스를 실행시키면 칸과 색깔이 나오지 않습니다.
7장의 7번실습문제를 응용해 보았을때도 잘 되지 않았습니다. 어디가 잘못되었는지 알수 있을 까요?
거의 다 해결하셨는데 아깝네요~
document.write("rgb("n + ", " + m + ", " + s + ") ");
이 부분을
document.writeln("<div style='background-color: rgb(" + n + ", " + m + ", " + s + ")'></div>");
와 같이 수정하시면 정상 출력됩니다.
다만 Math.random() 과 곱해지는 수가 100이라서 색상 변화가 크게 눈에 띄지 않네요. Math.random() * 256 으로 변경하시면 색상변화를 확실하게 확인 할 수 있을 듯 합니다.