[javascript] 이벤트 사용 예시

14 Dec 2023

javascript

이벤트를 사용하기 위해 HTML 요소에 이벤트 처리기를 추가할 수 있습니다. 아래는 간단한 버튼 클릭 이벤트 처리의 예시입니다.

<!DOCTYPE html>
<html>
<body>

<button id="myButton">Click me</button>

<script>
document.getElementById("myButton").addEventListener("click", function() {
  alert("Button clicked!");
});
</script>

</body>
</html>

위의 예시에서는 버튼 요소를 선택한 후 addEventListener 메서드를 사용하여 “click” 이벤트에 대한 처리기를 등록했습니다. 버튼이 클릭되면 “Button clicked!” 알림이 표시됩니다.

이처럼 JavaScript를 사용하여 HTML 요소에 이벤트 처리기를 등록하여 상호 작용성을 추가할 수 있습니다.