JavaScript와 HTML의 상호 작용은 사용자 또는 브라우저가 페이지를 조작할 때 발생하는 이벤트를 통해 처리됩니다.
페이지가 로드되면 이벤트라고 합니다. 사용자가 버튼을 클릭하면 클릭하는 이벤트가 발생합니다. 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등과 같은 이벤트가 있습니다.
onclick() 이벤트는 사용자가 마우스 왼쪽 버튼을 클릭할 때 발생합니다. 이 이벤트 유형에 대해 유효성 검사, 경고 등을 배치하십시오.
예시
클릭 이벤트에서 JavaScript 함수를 호출하기 위해 다음 코드를 실행할 수 있습니다. -
<html>
<head>
<script>
<!--
function sayHello() {
alert("Demo Alert")
}
//-->
</script>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<input type="button" onclick="sayHello()" value="Click" />
</form>
</body>
</html