메뉴 건너뛰기

조회 수 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 18153
201 8장 실습 문제 5번 3 아리 2019.12.04 214
200 11장 6번 으엉 2019.11.27 186890
199 document.write 내부에서의 onclick 이벤트 선언에 대한 오류 1 tlqk 2019.11.24 442
198 실습문제 6장 3번-2 1 어려워 2019.11.15 197
197 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 485
196 서버설치와 코드편집기 질문 드려요~ 1 TS2019 2019.10.26 131
195 7장 6번 문제 질문 1 jj 2019.10.22 252
194 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 261
193 8장 실습문제 2번에 (3)번 2 알려주셔요 2019.10.17 317
192 8장 실습문제 1번에 (2)번 알려주셔요 2019.10.17 469
191 7장 실습문제 1번 질문 드립니다. 1 111 2019.10.15 215
190 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 278304
189 3장 4번 질문입니다 1 질문자 2019.10.04 240
188 3장오픈챌린지 질무닙니다. 1 파랑 2019.09.29 221
187 2장 오디오 실습문제에 대해서 질문이있습니다 1 ㅇㅇㅇ 2019.09.20 211
186 570page 예제 13-7 1 이주원! 2019.09.03 167
185 교재 225page 예제5-8 질문입니다. 1 ㅇㅅㅁ 2019.09.02 141
184 예제 5-6 질문입니다. 1 file 이상민 2019.09.01 176
183 10장 실습문제5번 질문입니다, 1 asdfdef 2019.08.31 1153
» 오픈챌린지10번 재질문입니다. 2 이상 2019.08.31 266
목록
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 ... 21 Next
/ 21
위로