▶classList add/remove/contains
  |
  |
- 사이트를 열었을 때 사이드바가 안보이는 상태이기 때문에 !(부정) 사용
- toggle 을 사용하지 않았을 때의 방법으로 if 사용해봄.
▶classList add/remove
  |
  |
- 버튼이 여러개라서 querySelectorALL 사용
- function의 bb를 그대로 사용하지 못해서 변수값 let num=0 지정
▶classList add/remove
  |
 |
- .list img의 개수가 여러개기 때문에 querySelectorALL 사용
- .list img의 이미지를 onclick하면 클래스 active 발생
   |
  |
- elpopImage.src = this.src : 팝업창이 이미지 주소는 내가 클릭하는 이미지
- num = bb : 몇번째 배열의 아이템을 눌렀는지 알아온 뒤 변수 num에 넣어줌
- let elTotal = elList.length; : 썸네일의 개수
'언어 > JavaScript' 카테고리의 다른 글
| Event (0) | 2022.05.25 |
|---|---|
| DOM(문서객체모델) (0) | 2022.05.25 |
| DOM(문서객체모델) (0) | 2022.05.19 |
| DOM(문서객체모델) (0) | 2022.05.19 |
| DOM(문서객체모델) (0) | 2022.05.17 |