일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 음악검색기능 #음악찾기기능 #음악찾기 #음악검색 #네이버음악검색 #다음음악검색 #멜론음악검색
- hover효과
- 자바스크립트 #메뉴만들기
- 파비콘 #파비콘만들기 #포토샵파비콘
- fade-in
- todolist
- 자바스크립트
- 슬라이드다운
- 메뉴
- React
- 요일구하기
- 좌우슬라이드
- 숫자게임만들기
- 리액트
- darkmode
- list추가하기
- 프로그래머스
- array #object #lodash #javascript
- 카카오톡알림설정 #카톡알림설정
- 요일구하는공식
- fadeint
- 티스토리 #폰트변경 #꾸미기
- 오류
- 윈도우10캡쳐 #윈도우10캡처 #윈도우10스크린샷 #캡쳐하기 #캡처하기 #스크린샷찍기 #캡쳐지연 #스크린샷지연
- 가장작은자연수
- 네트워크 #5G안터질때 #4G로바꾸는법 #5G를4G로 #5G를LTE로 #갤럭시5G변경
- 문자열다루기
- GIT
- 동영상다운 #영상다운 #크롬웹스토어 #드래그되지않는 #클릭되지않는 #동영상
- ThemeProvider
Archives
- Today
- Total
목록자바스크립트 #메뉴만들기 (1)
잿꽃's posting Garden
2차메뉴 이상일 때 자바스크립트로 클릭 이벤트를 만드는 두 가지 방법
자바스크립트로 메뉴를 두 가지 방법으로 만들어 보자. for문과 forEach문을 이용할 것이기 때문에 두 가지 방법이지만 사실상 같은 방법이다. 1. forEach문으로 만든 메뉴 알고리즘 1. 한 인자에 메뉴 전체 값을 담는다. 2. 이벤트를 각자 적용하기 위해 forEach함수를 이용하여 배열로써 작동할 수 있게 한다. 3. 해당하는 아이템이 클릭되면 불리안 값의 인자가 토글되게 한다. 4. 참이면 인덱스의 값이 해당 인자의 배열 순서로 들어가고 클래스를 부여한다. 5. 거짓이면 클래스를 제거한다. let toggle = false; const mainmenuClick = document.querySelectorAll('header .mobile .total-menu .menu-box .mainme..
WEB/JAVASCRIPT
2022. 3. 25. 01:38