/*
- 버튼 두개를 만들고, 버튼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 |