当汉堡包菜单可见时，如何将导航栏项目移动到第一位置？

<nav>
  <ul class="navbar">
    <li>导航栏项目1</li>
    <li>导航栏项目2</li>
    <li>导航栏项目3</li>
  </ul>
  <div class="hamburger-menu">
    <!-- 汉堡包菜单的HTML代码 -->
  </div>
</nav>

@media (max-width: 768px) {
  .navbar li {
    display: none;
  }
}

const hamburgerMenu = document.querySelector('.hamburger-menu');
const navbar = document.querySelector('.navbar');

hamburgerMenu.addEventListener('click', function() {
  navbar.style.display = 'block';
  // 将导航栏项目移动到第一位置
  const firstNavItem = navbar.querySelector('li');
  navbar.insertBefore(firstNavItem, navbar.firstChild);
});