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) 감지기
..('행위', 반응(동작)); : 행위를 하면 반응(동작)을 한다
'프론트엔드 > JavaScript' 카테고리의 다른 글
<Javascript> 연산자 (0) | 2017.07.28 |
---|---|
<Javascript> 변수(Variable) (0) | 2017.07.25 |
<Javascript> js에서의 주석처리 (0) | 2017.07.25 |
<Javascript> js의 세가지 사용방법 ( 파일 분리하기 ) (2) | 2017.07.25 |
<Javascript> Javascript 시작하기 + jquery 다운로드 (0) | 2017.07.24 |