[Javascript] Javscript 입문 11 (170321)

Javscript 입문 11 

• QUIZ 1 : for문을 이용한 테이블 요소 동적추가하기

ANSWER>

** 출력 코드 **

• QUIZ 2 > 버튼을 누르면 이동하는 박스 만들기

ANSWER>

** 출력 결과 **

• QUIZ 3 > 방향키로 이동되는 박스 만들기

ANSWER>

- 이 때, keyCode는 console.log(e.keyCode)로 참고할 수 있다.

- 방향키를 이용할 것이기 때문에 addEventListener의 범위는 body로 해도된다.

** 출력 결과 **

윗 방향키로 인해 위로 사라졌다!