addEventListener2 [javascript] 자바스크립트 이벤트 리스너 등록 (addEventListener) 참고: https://www.freecodecamp.org/news/javascript-addeventlistener-example-code/ JavaScript의 addEventListener() 메소드를 사용하면 버튼을 클릭하여 이벤트가 발생할 때 호출할 함수를 설정할 수 있습니다. 이 포스트에서는 addEventListener()를 사용하는 방법을 알아보겠습니다. 이벤트와 이벤트 핸들러의 이해 사용자 또는 브라우저가 페이지를 조작하면 이벤트가 발생합니다. 이를 사용해 웹 페이지 요소를 동적으로 변경할 수 있으므로 이벤트는 중요한 역할을 맡고있습니다. 예를 들어 브라우저가 document 로딩을 완료하면 load 이벤트가 발생하고 사용자가 버튼을 클릭하면 click 이벤트가 발생합니다. 이벤트는 한 .. 2023. 5. 31. [javascript] 자바스크립트 버튼 클릭 참고: HTML 버튼 클릭 참고: 자바스크립트 버튼 눌림 효과 html의 button을 클릭하면 onclick 이벤트가 발생합니다. 코드 작성자는 이를 활용해 버튼이 눌린 경우 javascript 코드를 실행하도록 할 수 있습니다. 이러한 onclick 이벤트를 받는 방법은 크게 세 가지로 html에서 직접 받기, javascript로 받기, addEventListener 활용하기 입니다. 1. HTML의 onclick 속성 사용 이 예제에서는 html onclick 속성을 사용해 javascript 함수를 할당하겠습니다. 웹사이트 사용자가 버튼을 클릭하면 그에 해당하는 함수가 실행될 것이고 화면에 alert 다이얼로그를 보일 것 입니다. 버튼을 클릭해주세요 click me html button의 onc.. 2022. 6. 14. 이전 1 다음
