괴발개발/Javascript+JQuery

JS_click(알림창)예제

moonday 2021. 6. 22. 00:03

    /*
    - 버튼 두개를 만들고, 버튼1을 클릭하면 시작이라는 알림창이,
      버튼2를 클릭하면 종료라는 알림창이 뜨도록 코드를 작성하세요.
    */

<body>
  <button id="start" class="btn1">버튼1</button>
  <button id="end" class="bt2n">버튼2</button>
  <button id="etc" onclick="alert('test');">onclick</button>
  <script>
    var btn1 = document.getElementById('start');
    btn1.addEventListener('click',function(){
      alert('시작');
    })

    var btn2 = document.getElementById('end');
    btn2.addEventListener('click',function(){
      alert('종료');
    })
  </script>
</body>

'괴발개발 > Javascript+JQuery' 카테고리의 다른 글

JQ_js파일 배치(위치)  (1) 2021.06.22
JQ_요소선택, 이벤트등록  (0) 2021.06.22
JS_window객체  (0) 2021.06.22
JS_screen객체  (0) 2021.06.21
JS_navigator 객체  (0) 2021.06.21