<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 | 18281 |
243 | 실습문제 9-7번 답안지를 보고 질문있습니다. 2 | muuum | 2018.10.23 | 300 |
242 | 6장 OPEN challenge 1 | 초보 | 2021.06.09 | 292 |
241 | 마우스오버기능 이용해서 플레이되는 오디오 제작중인데요 1 | 성북동뽀글이 | 2019.01.25 | 292 |
240 | 10장 예제 10-8에 오류가 있습니다. 1 | 삼오칠 | 2021.05.22 | 289 |
239 | p.583 4번 질문드립니다. 6 | 열심히 공부하는 독자 | 2020.09.14 | 287 |
238 | 8장 실습문제 8번 질문이요! 4 | mmii | 2021.05.28 | 286 |
237 | 6장 실습문제 4번 질문 3 | 질문 | 2018.12.18 | 277 |
236 | 몽구스 서버 외부접속 질문드립니다. 1 | 명품프로그래머 | 2017.10.26 | 277 |
235 | 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 | 정택희 | 2017.02.13 | 277 |
234 | 6장 오픈챌린지 질문 1 | giggle | 2020.11.23 | 275 |
233 | 오픈챌린지 4 1 | 오픈 | 2018.04.13 | 275 |
232 | 207p 4장 실습문제 3번 질문 1 | 웹개발초보 | 2019.10.19 | 274 |
231 | 오픈챌린지10번 재질문입니다. 2 | 이상 | 2019.08.30 | 267 |
230 | 간단한 질문입니다 1 | ㅇㅇ | 2018.03.04 | 267 |
229 | 432페이지 9장 실습문제9번 질문입니다. 1 | asdf | 2019.08.22 | 266 |
228 | 예제 2-19 1 | 새싹 | 2018.04.18 | 265 |
227 | 연습문제 4장 8번문제 1 | 도라에몽 | 2020.10.02 | 263 |
226 | 목록을 한줄로 나란하게 만드는 법 질문드립니다 3 | 입문한 사람 | 2020.04.04 | 261 |
225 | 실습문제 8장 3번 문제 질문입니다. 2 | Joahgng | 2018.12.06 | 261 |
224 | 몽구스 질문드립니다. 2 | 서동 | 2018.02.26 | 259 |
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 값을 증가시키도록 해야 합니다.