<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 | 18275 |
363 | 몽구스 서버 외부접속 질문드립니다. 1 | 명품프로그래머 | 2017.10.26 | 277 |
362 | 7장에 실습문제 4번 질문 1 | asd123 | 2017.11.05 | 1634 |
361 | 7장 실습문제 1번 질문 있습니다. 7 | jonjsin | 2017.11.09 | 602 |
360 | 8장 오픈챌린지 질문있습니다 1 | jsch | 2017.11.12 | 823 |
359 | 5장 실습문제 4-2질문 2 | 어어엉 | 2017.11.12 | 367 |
358 | 10장 오픈챌린지 | testr | 2017.11.19 | 888 |
357 | 9장 3번 질문 있습니다. 2 | jonjsin | 2017.11.23 | 380 |
356 | 520페이지 에 쿠키쓰기 질문 1 | os | 2017.12.09 | 104 |
355 | 예제 13-5 구글 위치지도 안뜨는데요? 2 | rr | 2017.12.09 | 187 |
354 | 7장 이론문제 3번 이의제기 합니다. 3 | 혁999 | 2017.12.10 | 1279 |
353 | 2-26 오디오 삽입 모바일 문의 2 | 한수연 | 2017.12.12 | 101 |
352 | 짝수번 정답 3 | idididid | 2017.12.24 | 3133 |
351 | 몽구스 관련 질문입니다. 1 | 류경선 | 2018.01.20 | 490 |
350 | 2장 예제 2-24에 관한 질문입니다. 1 | 최원석 | 2018.01.29 | 191 |
349 | 3장 open challenge 질문해봅니다 6 | 진혁 | 2018.01.30 | 1247 |
348 | 실제로 사용해봤습니다 ! ㅠㅠ 1 | 갱자데쓰 | 2018.02.06 | 120 |
347 | 제1장 오픈챌린지/실습문제 질문 2 | Soyoyum | 2018.02.07 | 636 |
346 | 저자님 책 재미있게 보고있습니다.319쪽질문입니다. 2 | 칼잡이최제잘 | 2018.02.10 | 176 |
345 | 357쪽 예제 8-2 윗부분 2 | 칼잡이최제잘 | 2018.02.12 | 130 |
344 | 저자님 367페이지 질문있습니다~~ 1 | 칼잡이최제잘 | 2018.02.19 | 591 |
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 값을 증가시키도록 해야 합니다.