거인의 코딩일지
JS_이벤트 응용 1(인라인 이벤트)! 본문
728x90
인라인 이벤트 모델 확인해보기!
html 문서 내부에 button태그에 인라인 이벤트 모델중 하나인 onclick 이벤트를 걸고 함수명은 자유롭게! 작성한뒤
js파일을 만들어 js 코드를 작성한다!
* fnTest(this) 라는 함수명에 this란 fnTest를 의미한다.
JS파일 내부에서 버튼의 글자 색을 white로 배경을 black로 버튼위로 마우스가 올라가면 마우스 커서를 pointer 로 설정해준뒤 라이브 서버를 사용하여 열어보면 아래 사진과 같이 버튼이 생성되어 있다!
이제 버튼을 눌러본다면?!
이렇게 버튼이 바뀌고 마우스를 올려보면 손가락 모양으로 변경되어 있는데 인라인 이벤트를 이용하여 바꾼것이다!
728x90
'코딩 > JS' 카테고리의 다른 글
| JS_이벤트 응용 3(표준 이벤트) (0) | 2023.03.07 |
|---|---|
| JS_이벤트 응용 2(고전 이벤트) (0) | 2023.03.06 |
| JS_이벤트(Event) 개념 (0) | 2023.03.06 |
| 간이 계산기(version 3!!) (0) | 2023.03.05 |
| 간이 계산기 만들기(version 2!) (0) | 2023.03.05 |
'코딩/JS' Related Articles
more
