HTML과 JavaScript의 상호 작용은 사용자 또는 브라우저가 페이지를 조작할 때 발생하는 이벤트를 통해 처리됩니다.
페이지가 로드되면 이벤트라고 합니다. 사용자가 버튼을 클릭하면 그 클릭도 이벤트입니다. 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등과 같은 이벤트가 있습니다. 이벤트는 DOM(문서 개체 모델) 레벨 3의 일부이며 모든 HTML 요소에는 JavaScript 코드를 트리거할 수 있는 일련의 이벤트가 포함되어 있습니다.
사용자가 마우스의 왼쪽 버튼을 클릭할 때 발생하는 가장 많이 사용되는 이벤트 유형인 onclick 이벤트의 예를 자바스크립트에서 살펴보겠습니다.
예시
이 이벤트 유형에 대해 유효성 검사, 경고 등을 넣을 수 있습니다.
<html>
<head>
<script>
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</form>
</body>
</html>