하나의 엘리먼트가 클릭 되었을 때 발동됨
onClick명령어가 있는 태그를 클릭하면 {}안에 있는 함수나 callback함수로 이동한
<button onclick="activateLasers()">
Activate Lasers
</button>
이런식으로 버튼을 누르면 activaterLasers
함수를 호출한다.
react와 차이점을 알아보자~!
activateLasers(){
console.log("버튼 누름");
}
<button onClick={activateLasers}>//버튼 누르면 {}의 함수 명을 실행 시킴
Activate Lasers
</button>
onClick={activateLasers}
에 있는 activateLasers
함수를 실행시켜 console에 “버튼 누름”이 실행된다.
onClickHandler(msg){
console.log(msg)
}
<button onClick={cnClickHandler("문자")>console찍기</button>
//console => "문자"