❏ Js - 드롭다운 메뉴만들기(dropdown-menu) ➋

https://y-seon97.tistory.com/47

❏ css - 드롭다운 메뉴만들기 (dropDown-menu)

 

지난시간에는 드롭다운 메뉴의 틀과 css를 적용하는것까지 해볼 수 있었습니다.

 

오늘은 메뉴바가 아래로 드롭다운이 될 수 있도록 자바스크립트 코드를 작성해보고  입력해보는 것까지 해보도록 하겠습니다!

---

✎ js

const toggleMenu = () =>
document.body.classList.toggle("open");

코드가 비교적 쉽죠?

 

 

그런 후 html 버튼에 연결을 해야합니다.

<button onclick="toggleMenu()" class="btn"></button>

 

마지막으로 body하단에 스크립트 파일을 입력해주시면 됩니다.

 

 

---

 

그럼 이렇게 잘 움직이는 것을 볼 수 있었습니다!

 

 

---

오늘도 읽어주셔서 감사합니다!

⸜(*ˊᗜˋ*)⸝