©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>JavaScript EventListener</title>
</head>

<body>

	<h1>addEventListener() 메소드</h1>
	<button id="btn">텍스트 보여주기!</button>
	<p id="text"></p>

	<script>
		var showBtn = document.getElementById("btn");	// 아이디가 "btn"인 요소를 선택함.
		showBtn.addEventListener("click", showText);	// 선택한 요소에 click 이벤트 리스너를 등록함.
		function showText() {
			document.getElementById("text").innerHTML = "짜잔~!! 텍스트가 나타났어요!!";
		}
	</script>
		
</body>

</html>