1. 선택자, 함수 없이 실행하기 



함수(매개변수);



* console.log('') 

: 웹 화면에서 F12(검사)에서 console 카테고리를 봤을 때 창에 뜨는 것.






2. 함수 정의하기


function 함수명(매개변수){ ... };

: 이 과정에서 실행 x 다음에 쓰려고 만들어 놓는것.

물건을 다음에 쓰려고 사놓는 것과 비슷하다  









3. 정의한 함수 사용하기



함수명(매개변수);










3. id 로 선택하여 동작 실행하기 



HTML ( id : box )


CSS



document.getElementById('id').onclick = function(){ ... }



document : index.html 파일

getElementById : Id로 Element(태그)를 가져오겠다 

onclick : user가 click할 때 

function() {.. } : .. 실행














4. ID로 선택하여 동작할 때 user의 다양한 행위 

addEventListener('행위',반응(동작))


document.getElementById('id').addEventListener('user의 행위',function(){..}); 


addEventListener : user의 행위 (Event) 감지기 

..('행위', 반응(동작)); : 행위를 하면 반응(동작)을 한다



+ Recent posts