• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript EventListener</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>addEventListener() 메소드</h1>
12
    <button id="btn">텍스트 보여주기!</button>
13
    <p id="text"></p>
14
​
15
    <script>
16
        var showBtn = document.getElementById("btn");   // 아이디가 "btn"인 요소를 선택함.
17
        showBtn.addEventListener("click", showText);    // 선택한 요소에 click 이벤트 리스너를 등록함.
18
        function showText() {
19
            document.getElementById("text").innerHTML = "짜잔~!! 텍스트가 나타났어요!!";
20
        }
21
    </script>
22
23
</body>
24
​
25
</html>