<!DOCTYPE html>
<html>
<head>
<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()*256);
var m = Math.floor( Math.random()*256);
var s = Math.floor( Math.random()*256);
document.write("<div style='background-color: rgb("+n+", "+m+", "+s+")'>rgb ("+n+", "+m+", "+s+")</div>");
}
</script>
</body>
</html>
이렇게 하니까 잘 되긴하는데 이거 만들면서 제가 놓친게 있는건지 궁금해진 것이 있습니다
<!DOCTYPE html>
<html>
<head>
<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()*256);
var m = Math.floor( Math.random()*256);
var s = Math.floor( Math.random()*256);
document.write("<div style='background-color: rgb("+n+", "+m+", "+s+")'>rgb ("n", "m", "s")</div>");
}
</script>
</body>
</html>
여기서 마지막에 +n+ +m+ +s+ 대신
n m s 만 써주니까 화면에 아무것도 뜨질 않더군요...
저기서 양 옆에 써주는 +가 무엇을 의미하는건지 모르겠습니다..
예를 들면,
2 + 5 -> 7
"2"+5 -> "25"
2+","+5 -> "2,5"
"rgb(" + 2 + "," + 5 + "," + 6 + ")" -> "rgb(2,5,6)" 입니다.
6장에 설명이 잘 나와 있습니다.
책을 다시 보면 많은도움이 될 것입니다.