[js] onClick과 click의 차이점!


[js] onClick과 click의 차이점!

공부하고 있는데 갑자기 혼동이 와서 작성하게 되었습니다.~ ** onClick 란? 이벤트 핸들러!! 일반적으로 HTML 요소의 속성으로 사용되는 이벤트 핸들러이다. <body> <button onClick="myTest()">클릭하세요!</button> </body> <script> function myTest(){ console.log("클릭하셨네요!!") } </script> ** click 란? 메서드!! javaScript에서 DOM 요소에 직접 접근하여 이벤트를 발생시키는 메서드이다. 'addEventListener()'메서드를 사용하여 이벤트(클릭 이벤트)를 등록한다. <body> <button id="myButton">클릭</button> </body> <!-- 1번 방법 --> <script> window.addEventListener("load", function() { const button = document.getElementById("myButton"); b...


#addEventListener #직접접근 #이벤트핸들러 #요소접근 #요소 #스크립트 #메서드 #리소스 #onClick #load #javaScript #html #function #click #클릭

원문링크 : [js] onClick과 click의 차이점!