JavaScript로 클릭한 메뉴 항목에만 클래스 추가하기
안녕하세요찐망고 입니다. 오늘은 navi요소에서 많이 쓰는 해당 요소를 클릭했을 때만 클래스를 추가하고나머지 요소들은 클래스를 제거하는 코드를 볼 건데요..탭이랑 비슷하죠? 1. 기본코드const navMenus = document.querySelectorAll(".navi > ul > li");navMenus.forEach(navMenu => { navMenu.addEventListener("click", () => { navMenu.classList.toggle("on"); })}) 일단 위 코드는 클릭한 li요소들에게 on클래스가 추가됩니다.다시 클릭을 해야 제거되겠죠? 2. 개선된 코드const navMenus = document.querySelectorAll(".nav..
WEB/JS코드
2024. 5. 28. 06:00
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 웹접근성
- 프론트엔드
- 바이브코딩
- UI디자인
- html
- 디자인팁
- 티스토리챌린지
- 2024웹디자인
- ai사주
- UX디자인
- 찐망고사주
- seo
- 서비스기획
- uiux
- 디자인시스템
- 웹디자인개발기능사
- CSS3
- 웹디자인
- css
- JavaScript
- 반응형웹
- 구글머터리얼디자인
- 웹디자인팁
- 웹표준
- 오블완
- 웹퍼블리싱
- 피그마
- 머터리얼디자인
- 웹폰트
- figma
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
글 보관함