자바스크립트 토글 버튼 클릭 관련

Question

토글 버튼(.navbar__toggle-btn) 을 클릭하면 navbar(.navbar__menu) 가 보이게 하고 싶은데, 버튼이 클릭 자체가 안됩니다 도와주세요... const navbarMenu = document.querySelector('.navbar__menu'); const navToggleBtn = document.querySelector('.navbar__toggle-btn'); navToggleBtn.addEventListener('click', () => { navbarMenu.classList.toggle('clicked'); }); .navbar__menu { display: none; } .navbar__menu.clicked { display: block; }

a
b
c
d
e

- html의

의 content는 임의로 a, b, c, d, e로 지정했습니다.

구직인 · Answer

html 코드는 없나요?

오에 · Answer

&#64;구직인html 코드 추가했습니다.

qwer3555 · Answer

window.onload 이후에 실행한거 맞나요?

구직인 · Answer

DOMContentLoaded 수행 후 js코드가 있는지,이 개념을 전혀 모르겠고 왜 이걸 묻는지 모르겠다면기초 중에 가장 중요한 개념을 잊은것이므로 브라우저 랜더링 방식에 관하여 단단히 공부하세요. window.onload &#61; {} << 이 안에 넣는 사람이 있거나, 그런 책이 있다면 바로 소각 추천드리고요.

오에 · Answer

개발 잘해지는 닉네임 window.onload 는 사용하지 않았습니다.

qwer3555 · Answer

구직인헐.. 여태 onload로 처리해왔는데..ㅠ 검색해보니 DOMContentLoaded가 더 빨리 뜬다는데 그거말고 onload안쓰는 이유가 뭘까요?

qwer3555 · Answer

오에자바스크립트 코드를 아래와 같이 해봐요 window.addEventListener('load', function() { const navbarMenu &#61; document.querySelector('.navbar__menu'); const navToggleBtn &#61; document.querySelector('.navbar__toggle-btn'); navToggleBtn.addEventListener('click', () &#61;> { navbarMenu.classList.toggle('clicked'); });})

자바스크립트 토글 버튼 클릭 관련

7개의 답변

Q&A 목록