汉堡按钮转换为X按钮，但刷新后不会返回为汉堡按钮

<div id="menu-container">
  <div id="hamburger-button"></div>
  <!-- 菜单内容 -->
</div>

#hamburger-button {
  /* 汉堡按钮样式 */
}

#hamburger-button.active {
  /* X按钮样式 */
}

var hamburgerButton = document.getElementById('hamburger-button');
var menuContainer = document.getElementById('menu-container');

// 按钮点击事件
hamburgerButton.addEventListener('click', function() {
  // 切换按钮状态
  hamburgerButton.classList.toggle('active');
  
  // 切换菜单显示/隐藏
  menuContainer.classList.toggle('active');
  
  // 保存按钮状态到本地存储
  localStorage.setItem('menuState', hamburgerButton.classList.contains('active'));
});

// 页面加载时恢复按钮状态
window.addEventListener('load', function() {
  var menuState = localStorage.getItem('menuState');
  
  if (menuState === 'true') {
    hamburgerButton.classList.add('active');
    menuContainer.classList.add('active');
  }
});