728x90 반응형 전체 글298 여러개를 제어할때 쓰는 querySelectorAll 탭메뉴 버튼 구현 (forEach 사용) See the Pen Untitled by gahyun (@gahyun) on CodePen. let itemList = document.querySelectorAll('li'); //querySelectorAll를 이용해 li를 전부 불러온다 (리스트형태로 itemList에 저장됨) itemList.forEach(function(item){ item.addEventListener('click',function(){ itemList.forEach(function(e){ e.classList.remove('active'); }); item.classList.add('active'); }); }); 리스트형태로 갖고 있기 때문에 forEach를 이용해 반복한다 이때 .. 2022. 8. 31. input[type='checkbox'] 로 toggle 버튼 switch 버튼 만들기 See the Pen Untitled by gahyun (@gahyun) on CodePen. 2022. 8. 30. select 플러그인 https://slimselectjs.com/ Slim Select Slim vanilla javascript select dropdown slimselectjs.com 2022. 8. 30. dropdown 메뉴 만들기 See the Pen Untitled by gahyun (@gahyun) on CodePen. 2022. 8. 29. 이전 1 2 3 4 5 6 7 8 ··· 75 다음 728x90 반응형