[Javascript] 열고 숨기기가 가능한 사이드바 만들기

소영·2022년 7월 9일
0
<body>
	<div class="sidebar">
    	<button>닫기</button>
    </div>
    
    <script>
    	const sidebar = document.querySelector('.sidebar');
        const btn = document.querySelector('.sidebar button');
        
        openToggle = () => {
        	sidebar.classList.toggle('active');
        }
        
        /*
        function openToggle() {
        	sidebar.classList.toggle('active');
        }
        */
        
        btn.addEventListener('click', openToggle);
    </script>
</body>

0개의 댓글