일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Java
- 제너릭
- 인텔리제이
- 무한
- start.spring.io
- boxing
- 싱글톤
- 컬렉션
- 박싱
- 언박싱
- 메소드
- Scanner
- dependency
- Short
- 내장객체
- wrapper
- 빌드
- bootstrap
- 싱글턴
- 제네릭
- 자동형변환
- 콜렉션
- Jenkins
- maven
- 루프
- 클래스
- 스프링
- https://start.spring.io
- unboxing
- suvlet
Archives
- Today
- Total
Developer Gonie
[8주차] 22. 요소에 대한 클릭 이벤트를 처리하는 방법 본문
아래서는 버튼에 대한 예시만 기록해 두었지만
실제로는 다른 요소 p, div 등에 대해서도 같은 방법으로 똑같이 적용할 수 있다.
그냥 onClick 속성을 추가하여 클릭이벤트 발생시 수행할 함수를 지정해주면된다.
<script type="text/javascript">
function abc(){
alert('버튼2를 클릭했습니다.');
}
</script>
<input type="button" value = "버튼1" onClick="alert('버튼1을 클릭했습니다.')">
<input type="button" value = "버튼2" onClick="abc()">
'K-DigitalTraining 강의 > 6. Javascript(웹표준)' 카테고리의 다른 글
[8주차] 24. <select> 요소(선택박스)의 option 들을 추가하는 예시 (0) | 2022.07.08 |
---|---|
[8주차] 23. 바로 사용가능한 객체(내장객체, BOM, DOM) (0) | 2022.07.07 |
[8주차] 21. 자바스크립트, 날짜와 시간 정보를 얻을 수 있는 Date() (0) | 2022.07.02 |
[8주차] 20. 자바스크립트, Array 2차원 배열을 생성하고 원소를 출력하는 방법 (0) | 2022.07.02 |
[8주차] 19. 자바스크립트, Array 1차원 배열 관련 함수 concat(), slice(), sort(), reverse() (0) | 2022.07.02 |
Comments