[JavaScript] 이벤트처리 / EventListener, id / querySelector
다음 예제는 클릭 시 어떠한 기능이 자동으로 수행되도록 구현하는 예제이다. 이벤트 처리 방법에는 다음 예제에 나와있는 두가지 방법이 있다. 첫번째 방법 ) 사용하기. 이벤트 처리 눌러보셈 두번째 방법 ) id와 .addEventListener 사용하기 이벤트 처리 눌러보셈2 document.querySelector("#아이디이름").addEventListener(이벤트명,콜백함수 function(){ }); 주로 두번째 방법을 많이 이용하므로 위의 코드를 통째로 외우는 것이 좋다. 여기서 콜백함수란, 전달만 해놓으면 나중에 특정시점에 알아서 호출되는 함수이다. 예제1은 클릭 시 함수가 실행되도록 구현한 예제로, 위의 두 방법을 모두 사용해본 예제이다. 똑같은 오브젝트가 여러개일 때에는, document...
development/html javascript CSS
2021. 10. 8. 18:54
[JavaScript] 함수 이용하기
핵심 1. 함수는 특정 시점에 일괄 수행할 javascript를 모아 놓는 역할을 한다. 2. 함수는 페이지 로딩시점에 생성되고 호출을 통해 호출되는 시점에 실행된다. 3. document.querySelector('p').innerText = num1; 4. ' . '이후에 쓰이는 것을 우리는 '참조한다' 라고 말한다. 예제1 눌러보셈 예제2 onclick과 함수를 사용하여 클릭(1번) 시 사진이 바뀌도록 만들기. 눌러보셈 예제3 두 개의 버튼에 각각 함수 적용. 눌러보셈 눌러보셈2 예제4 onmouseover을 사용하여 마우스를 올렸을 때 함수가 실행되도록 구현 눌러보셈 마우스를 올리셈 0
development/html javascript CSS
2021. 10. 8. 00:47
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Django
- CSS
- 백준
- Oracle
- 파이썬
- 정렬
- 단계별로풀어보기
- html
- bootstrap
- baekjoon
- 자바
- 문자열
- R
- append
- 프로그래머스
- 스프링
- 덱
- 브루트 포스
- jsp
- 큐
- Case When
- python
- brute force
- Java
- web
- 장고
- jQuery
- 고득점 키트
- 자바스크립트
- javascript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함