메뉴 건너뛰기

조회 수 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 18282
382 2장 예제 2-11과 관련하여 질문 드립니다. 1 조근석 2017.04.30 398
381 7장에 연습문제에 있는 실습문제 질문 1 student 2017.05.07 1261
380 8장 연습문제 실습문제 4장 2 student 2017.05.08 2872
379 실습문제 7장에 8번 질문 1 abcd 2017.05.09 994
378 오랜만에 찾아 뵙습니다.. 3 은성 2017.05.10 338
377 9장 오픈챌린지 답이 너무 궁금합니다. 1 범이 2017.05.10 1253
376 8장의 10번 문제 질문 있습니다. 웸프로그래밍 2017.05.28 625
375 9장 2번 질문있습니다. 웹프로그래밍 2017.05.28 1136
374 9장 4번 질문있습니다. 웹프로그래밍 2017.05.28 551
373 4장 8번 문제 질문드려요! 1 file safd 2017.06.09 683
372 07장 10번 답좀 알고싶습니다... 2 abcd 2017.06.11 1088
371 안녕하세요 처음하는 사람입니다 교재 구입하였습니다 2 성현군 2017.06.29 330
370 7장 10번문제 1 학섕 2017.07.12 1868
369 연습문제 8장 이론문제 2번 답을 알고 싶습니다. 1 khe 2017.08.18 815
368 예제에 필요한 그림이나 동영상 같은 자료파일은? 1 donghee 2017.09.15 130
367 6장 실습문제 짝수 답좀 알려주실분? 제발요  도움 2017.09.18 1105
366 예제에 나오는 이미지와 동영상파일은 어디서 다운받을 수 있나요... 1 gofkdvjvl 2017.09.21 215
365 실습문제 홀수번 정답 ㅁㅁ 2017.09.24 635
364 예제 5-11을 하다 사소한 궁금한 것이 생겼습니다 1 수소방울 2017.10.13 167
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로