JS

1. 드롭다운이 눌러도 반응이 없는 버그

• 드롭다운을 w3c에서 가져왔는데 적용이 안된다,, 이유는 바로 event.target.matches
• 이벤트 버블링, 이벤트 ..?
• 이벤트 위임에 대해 더 이해 할 수 있었다.
• matches 는 가장 밑의 자식까지 내려가서 선택되어 event.target.closest.. 를 통해 해결

2. 어느 드롭다운을 클릭해도 제일 위의 드롭다운만 반응하는 버그

• 이유는 코드가 ,, 코드가 그렇게 쓰여져 있었다. (코드는 거짓말을 하지 않는다.)
• html에서 드롭다운을 여러개 복사 붙여넣기 하고 js파일을 만지기 시작했다.
• js에서 드롭다운 메뉴의 아이디를 받아와서 그 아이디에 show라는 클래스를 추가, css에서 none→block
• 당연히 document.getElementById 는 맨 위에 있는것만 가져온다
• js 선택자에 대해 제대로 알자

3. dropbtn[i].classList.toggle("show");를 해도 클래스가 추가되지 않았던 건

• 바로바로 ,, 이어지는 함수 안쪽의 클래스명을 제대로 안 써놔서..!
• 코드는 거짓말을 하지 않는다.