WEB.JS/10.EVENT_JS

chapter02 : 이벤트_개요

GAWON 2023. 5. 22. 09:21 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">

	
	// onload = init;	// 함수명만 필요함. 괄호 제거
	function init(){
		document.body.style.backgroundColor = "yellow";		// 마침표
		//document.body.style["background-color"] = "yellow";	// 대괄호
	}
	

	
</script>
</head>
<body onload="init()">

	<h1 onclick="location.href='http://www.google.com'">구글로 이동</h1>


	<input type="button" value="클릭" id="btn">
	<script type="text/javascript">
		var btn = document.querySelector("#btn");
		btn.onclick = function(){
			alert("clicked");
			
			btn.onclick = null;	// 이벤트 해제.
		}
	</script>
</body>
</html>