addEventListener2 [Javascript] Javscript 입문 11 (170321) Javscript 입문 11 QUIZ 1 : for문을 이용한 테이블 요소 동적추가하기 ANSWER> ** 출력 코드 ** QUIZ 2 > 버튼을 누르면 이동하는 박스 만들기 ANSWER> ** 출력 결과 ** QUIZ 3 > 방향키로 이동되는 박스 만들기 ANSWER> - 이 때, keyCode는 console.log(e.keyCode)로 참고할 수 있다.- 방향키를 이용할 것이기 때문에 addEventListener의 범위는 body로 해도된다. ** 출력 결과 ** 윗 방향키로 인해 위로 사라졌다! 2017. 3. 21. [Javascript] Javascript 입문 07 (170316) Javascript 입문 07 Global 영역 변수 선언의 문제점- global 영역에 변수를 선언하면 자바스크립트로 조작하여 이용가능- 변수가 중복될 수 있다.- 협업하기 쉽지 않다. function 생성 시 onclick 기능보다 addEventListener를 많이 사용하는 이유- onclick 이용 시 함수를 global 영역에 만들 수 밖에 없다. 이럴 경우 앞서 언급한 문제점이 나타난다.- addEventListener를 이용할 경우 addEventListener("click", function(){ }); 에서 function안에 입력하기 때문에 변수를 선언하면 function 외부에서는 참조가 불가능하다. QUIZ > 버튼을 누르면 누른 횟수가 count되도록 해보세요. ANSWER > .. 2017. 3. 16. 이전 1 다음
