<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image : url("media/apple.png");
background-size : 100%;
background-repeat : no-repeat;
}
div {
position : absolute;
}
</style>
<script>
function doRotate() {
var divs = document.getElementsByTagName("div");
for(var k=0; k<30; k++) {
if(divs[k].style.top > window.innerHeight){
divs[k].style.top = 0;
break;
}
divs[k].style.top += 1;
}
}
</script>
</head>
<body>
<script>
for(var i=0;i<30;i++){
document.write(<div>*</div>);
}
var divs = document.getElementsByTagName("div");
for(var j=0;j<30;j++){
divs[j].style.left = Math.floor(Math.random()*window.innerWidth);
divs[j].style.top = Math.floor(Math.random()*window.innerHeight);
}
setInterval("doRotate()",10);
</script>
</body>
</html>
여기까지 짯는대 화면상에 *(눈모양)이 보이질않습니다. 원인과 해결방법이 궁금합니다.
또, 왜 <div>"*"</div>가 아닌 <div>*</div>여야하는지 둘이 무슨차이인지도 궁금합니다.
document.write(<div>*</div>);
--> document.write("<div>*</div>");