<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>
이 부분 틀린건가요?ㅜㅜ 양쪽으로 한번만 늘어나고 더 이상 늘어나지 않네요ㅠㅠ
<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>
이 부분 틀린건가요?ㅜㅜ 양쪽으로 한번만 늘어나고 더 이상 늘어나지 않네요ㅠㅠ
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18263 |
383 | 1장 10번 문제 답 문의 | MIKAEL | 2022.12.07 | 70 |
382 | 13장 실습문제 5번 질문입니다. 3 | 웹린 | 2022.12.04 | 111 |
381 | 10장 연습문제 10번 질문입니다. 2 | 웹린 | 2022.11.03 | 159 |
380 | webgl 2차원. 1 | 궁금해요 | 2022.10.10 | 132 |
379 | 6장 9-2번 이론문제(개정판) 1 | 궁금해요 | 2022.09.10 | 159 |
378 | 연습문제 3장 2번 질문합니다! 1 | KHE | 2022.09.08 | 152 |
377 | 4장 9번 이론문제 2 | 궁금해요 | 2022.09.07 | 121 |
376 | [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 | 질문 | 2022.09.02 | 59 |
375 | target프로퍼티 질문(페이지 428쪽) 2 | 한성이 | 2022.08.14 | 47 |
374 | 스타일 시트 객체 2 | 한성이 | 2022.08.09 | 32 |
373 | css3의 프로퍼티와 7장 객체의 프로퍼티 1 | 한성이 | 2022.08.07 | 38 |
372 | 9장 6번 실습문제 2 | 궁금해요 | 2022.07.24 | 133 |
371 | 예제 8-9(373p) 1 | 열공이 | 2022.05.29 | 87 |
370 | timerID값이 null인 이유 1 | 열공이 | 2022.05.26 | 602 |
369 | length 프로퍼티 2 | 열공이 | 2022.05.21 | 59 |
368 | 9장 실습문제3번 2 | 열공이 | 2022.05.17 | 194 |
367 | 5장 오픈챌린지 관련 | 시급함 | 2022.04.16 | 204 |
366 | 교제 254페이지 1 | 쿠웨이트 | 2022.04.12 | 84 |
365 | 5장 실습문제 8번 2 | 쿠웨이트 | 2022.04.12 | 121 |
364 | 5장 실습문제 10번 1 | 쿠웨이트 | 2022.04.12 | 109 |
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 값을 증가시키도록 해야 합니다.