메뉴 건너뛰기

조회 수 266 댓글 2

<!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>여야하는지 둘이 무슨차이인지도 궁금합니다.

?
  • ?
    관리자 2019.08.31 11:39
    우선 틀린 부분이 보이네요
    document.write(<div>*</div>);
    --> document.write("<div>*</div>");
  • ?
    ㅇㄹ 2019.09.01 19:37
    말씀해주신대로 일단 고쳤지만, 실행후 출력된모양을 보니 30개의 *를 생성했음에도 불구하고 하나의*밖에 출력되질않습니다.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18173
302 9장 연습문제 4번 1 초보 2020.10.16 1007
301 303p. 12번에 2질문 드립니다 1 2020.10.15 96
300 302p. 7번에 (2)번 문제 2020.10.15 73
299 264p 문의 1 . 2020.10.15 65
298 282p. 예제 6-14 출력 문의 드려요 1 file . 2020.10.15 82
297 z-index 관련 질문 번역봇 2020.10.13 63
296 2장 인라인프레임만들기 예제 2-24 다시질문해요 2 고수가되고싶어요 2020.10.11 89
295 실습 문제 4장 4번 문제에 대해서 질문드립니다. 1 ㅇㅇ 2020.10.11 121
294 2장 인라인프레임만들기 예제 2-24 file 고수가되고싶어요 2020.10.10 75
293 연습문제 5장 10번 문제 질문드립니다. 1 . 2020.10.08 246
292 실습문제 5장 9번 1 file 2020.10.08 211
291 연습문제 3장 p.155 5번 문제 1 열심히해보자 2020.10.07 412
290 연습문제 4장 8번문제 1 file 도라에몽 2020.10.02 252
289 실습문제 4장 8번 1 2020.09.27 448
288 이거 1장 부터 시작해서 답을 어디서 확인해야 되죠? 2020.09.27 222
287 6장 실습문제 2번 3번문제 초보 2020.09.16 146
286 p.583 4번 질문드립니다. 6 열심히 공부하는 독자 2020.09.14 287
285 p.524 쿠키 질문드립니다. 2 열심히 공부하는 독자 2020.09.12 71
284 예제 13-9 질문드립니다. 4 열심히 공부하는 독자 2020.09.12 100
283 page 46 마우스 올릴시 이미지 출력 2 file 공부중 2020.09.10 318
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로