실습

Javascript

[생성자 함수] 클릭하면 움직이는 원(circle) 만들기

최종 코드의 결과물이다. 클릭하면 움직이는 원(circle)을 생성자 함수를 이용하여 만들어볼 것이다. 사고하는 과정을 기록하기 위해 만드는 과정 + 사고방식을 글로 적어볼 것이다. Step 1. 생성자 함수를 사용할 것이다. 웹 페이지의 빈 공간을 누를 때마다 circle 오브젝트가 생성될 것이고, 그것을 생성자 함수로 구현할 것이다. 2. 가장 먼저 해야할 것은 웹 페이지 전체를 덮은 HTML element를 만드는 것이다. 전체를 덮은 엘리멘트의 클릭 이벤트가 감지될 때마다, 이벤트 객체의 x좌표와 y좌표를 뽑아내 사용할 것이다. 3. circle의 CSS를 구상한 뒤에 Circle 생성자 함수를 작성한다. Circle object가 만들어질때마다, 원 모양의 div element를 만들어야 한다...

2DC
'실습' 태그의 글 목록