메뉴 건너뛰기

조회 수 372 댓글 1

<script>

function scale(obj) {

obj.style.left = "10px";

    obj.style.top = "20px";

for(var i=2;i<5;i++){

obj.style.transform="scale("+i+",1)";

}

}

</script>

 

이 부분 틀린건가요?ㅜㅜ 양쪽으로 한번만 늘어나고 더 이상 늘어나지 않네요ㅠㅠ

?
  • ?
    관리자 2018.11.15 17:14
    다음 코드의 의미는 순식간에 3번의 루프를 돕니다.
    for(var i=2;i<5;i++){
    obj.style.transform="scale('"+i+",1)";
    }

    즉 루프의 최종 결과는 다음 결과가 될 것입니다. 즉 옆으로 4배 길어난 모양을 출력하도록 스타일을 지정한 것입니다.
    obj.style.transform="scale("+4+",1)"; -> obj.style.transform="scale(4,1)";

    그러므로 항상 옆으로 4배 길어난 모양으로만 그리게 되는 거죠.
    QnA 131의 답을 참고하고, for 문을 쓸 것이 아니라.
    전역 변수 i=1로 설정하고
    클릭할 때마다 i 값을 증가시키도록 해야 합니다.

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18266
243 7장 실습문제 8번에서 질문입니다 1 JAVAscript공부중이에요 2020.05.27 408
242 이벤트 관련 질문 3 왕초보 2020.05.24 125
241 예제 4-14 질문이욤 2 file 코딩딩 2020.05.17 113
240 Image 객체 2 초보 2020.05.14 126
239 76페이지 1 ramoss 2020.05.13 44
238 예제 4-11 질문합니다. 2 초보 2020.05.04 88
237 list type 질문이요 2 file 021 2020.05.03 107
236 168p 예제4-8 질문 2 file 그냥초보 2020.05.01 80
235 185쪽 질문있습니다.. 3 file ㅇㅇ 2020.04.30 62
234 css3로 웹 페이지 꾸미기 3 file ㅇㅇ 2020.04.30 109
233 예제4-5 질문드립니다. 3 초보 2020.04.27 97
232 그림이 안떠요(실습문제 4장 7번) 2 file 초보자 2020.04.27 684
231 이미지를 어떻게 나오게 하나요? 1 나나 2020.04.26 78
230 3장 실습문제 2번에 쓰이는 이미지 파일은 어디에서 받을 수 있나요? 1 dpdms0926 2020.04.22 180
229 예제 5-3 220page 2 호기심 2020.04.16 355
228 94p 그림2-4 질문 2 file 그냥초보 2020.04.15 55
227 1장 그림1-14 2 file 000 2020.04.14 119
226 4장 연습문제 8번 질문이요 4 file 코딩은코딩코딩해 2020.04.14 253
225 인터넷 익스플로러 재질문이요 2 file 021 2020.04.13 125
224 인터넷익스플로러 질문이요 1 file 021 2020.04.10 48
목록
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 ... 21 Next
/ 21
위로