본문 바로가기
Front/JavaScript

[JavaScript] 자바스크립트 Click 이벤트 사용 방법

by AlexHouse 2022. 12. 5.

아우 오른손 독수리 타법을 없애기위해서 지금 강제로

 

정타로 천천히 타이핑 하고 있는데 정말 아예 안배웠으면 모르겠는데

 

잘못된 방법으로 배워서 정말 불편하다 그래도

 

정식 타법으로 돌아가야지 뭔가 나중에도 좋을 것 같다는 생각이든다..

 

그럼 바로 들어가보자 !

 


Method

 

ES6 방법이 가장 많이 사용하는 방법이고 최신에 가까우니까

 

Javascript ES6 방법으로 글 을 적겠다.

 

 

 

 

 

 

 

 

getElementByIdinput 절에 들어가는

 

id="change"

 

와 같습니다.

 

 

 

 

 

 

다음 을 실행하게 되고

 

 

 

 

 

 

실제 화면을 띄워서 해당 버튼을

 

클릭하게 되면?

 

 

 

 

 

console.log("모디파이 작동 중");

 

이 정상적으로 잘 작동하는것을 확인 할 수 있다..

 

 

즉, 우리는 콘솔로그를 띄우기 위해서

 

addEventListner, function, getElementById

 

의 사용 법을 알게된 것이다.

 

 


 

To be continue..