[Webhacking.kr] Challenge(old) 16번 풀이

문제

페이지 소스코드

6) 일단, 움직이는 대상의 id가 star라는 점을 기억하자. 

 

18) kk() 함수 ~

Math.random() : 0 이상 1 미만의 난수 생성 

Math.floor() :  주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환

--> 19번째 코드에서 색상을 나타내는데 쓰이는 6자리 숫자 만들기 위함

 

19) (x,y) 좌표에 랜덤의 색상을 가지는 * 모양 찍기

 

10) mv() 함수가 실행될 때마다 kk() 함수가 작동하여 해당 위치에 * 문자열을 찍게 된다.

9) mv() 함수를 이해하기 위해선 4번째 줄에 있는 onkeypress() 함수를 먼저 알아야 한다.

 

onkeypress(ASCII 값) : 사용자가 키보드를 눌렀을 때 해당하는 자바스크립트 수행

 

11) onkeypress에 들어가는 ASCII 값이 100 이라면? 이것은 키보드 'd'를 눌렀을 때를 의미

이러면 star의 left 좌표가 50px 씩 커지며 오른쪽으로 이동한다.

 

12) 키보드 'a'를 눌렀을 때

13) 키보드 's'를 눌렀을 때

14) 키보드 'w'를 눌렀을 때

 

이리저리 움직인 결과

 

그러면 우리는 ASCII 값이 124에 해당하는 키보드( | )를 눌러주면 문제를 해결할 수 있다.