缩小窗口宽度时，引导导航栏切换按钮不起作用

/* 默认情况下隐藏导航菜单 */
.navbar-menu {
    display: none;
}

/* 在小屏幕设备上显示切换按钮并隐藏导航菜单 */
@media (max-width: 768px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-menu {
        display: none;
    }
}

/* 当切换按钮被激活时显示导航菜单 */
.navbar-menu.active {
    display: block;
}

document.addEventListener('DOMContentLoaded', function() {
    var toggleButton = document.querySelector('.navbar-toggle');
    var menu = document.querySelector('.navbar-menu');

    toggleButton.addEventListener('click', function() {
        menu.classList.toggle('active');
    });
});

<nav class="navbar">
    <button class="navbar-toggle">菜单</button>
    <ul class="navbar-menu">
        <li><a href="#">首页</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">联系我们</a></li>
    </ul>
</nav>