[Javascript] 자바스크립트 버튼 클릭 onClick 이벤트

안녕하세요. 자바스크립트로 버튼클릭시 이벤트가 실행하는 방법에 대해 알려드리려 합니다.

예제는 버튼 클릭시 alert창이 띄어지는걸로,. 총 3가지 방법이 있습니다.

 

1. JavaScript를 사용한 방법

  <button id="button">버튼</button>
    <script>
         document.getElementById("button").onclick = function () {
      alert("Hello World");
    };
    </script>

button이라는 아이디의 버튼을 클릭할 시 alert이 띄어지는 예제입니다.

 

 

2. HTML의 onClick 속성을 사용한 방법

<button onclick="run();">버튼</button>
    <script>
        function run() {
            alert("Hello World")
        }
    </script>

run이라는 함수를 할당하여 button에 onClick 속성을 사용한 예제입니다.

 

 

3.  HTML의 onClick 속성을 사용한 방법2

<button onclick="javascript:alert('Hello World')">버튼</button>

위의 방법은 button에 바로 javascript를 바로 사용하는 방식입니다.