Javascript/이벤트(5)
-
[JS] 이벤트 연결 (증가/감소)
버튼 클릭시 숫자 증가 감소함을 보여줌
2022.02.05 -
[JS] 이벤트 연결 해제
이벤트 연결 이벤트 해제 이벤트 연결 상태 : 해제 작년에는 이렇게 구현했었는데 올해는 buttons를 반복문 돌려서 flag로 상태를 변화시켜 보았다! document.addEventListener('DOMContentLoaded', () => { const p = document.querySelector('p'); const buttons = document.querySelectorAll('button'); let flag = false; buttons.forEach(btn => { btn.addEventListener('click', () => { if (!flag) { p.textContent = '이벤트 연결 상태 : 연결'; flag = true; } else { p.textContent = ..
2022.02.04 -
[JS] reset 버튼
리셋버튼을 누르면 선택으로 바뀌게 하기 선택 바나나 딸기 사과 리셋 const select = document.querySelector('select'); const button = document.querySelector('button'); select.addEventListener('change', function () { const value = select.options[select.selectedIndex].value; console.log(value); }); button.addEventListener('click', function () { select.options[0].selected = true; }); 버튼을 클릭했을 때 select.options[0]는 선택 태그이고 select.o..
2022.01.20 -
[JS] 체크일때만 링크 활성화
링크 활성화 네이버
2021.11.17 -
[JS] 우클릭방지 2021.11.17