How do I handle Drawer state using JavaScript ?

[mxvsh]

How do I handle Drawer state using JavaScript ?

[saadeghi]

It has a hidden checkbox. You can check/uncheck the checkbox using JS

<div class="drawer">
  <input id="my-drawer" type="checkbox" class="drawer-toggle" /> <!-- 👈👈👈👈 HERE -->
  <div class="drawer-content">
    <!-- Page content here -->
    <label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label>
  </div> 
  <div class="drawer-side">
    <label for="my-drawer" class="drawer-overlay"></label>
    <ul class="menu p-4 w-80 bg-base-100 text-base-content">
      <!-- Sidebar content here -->
      <li><a>Sidebar Item 1</a></li>
      <li><a>Sidebar Item 2</a></li>
      
    </ul>
  </div>
</div>

[woss]

how can we control this when clicking on overlay? if I have a global state then it doesn't change