我是JavaScript新手。我的导航菜单中已经有了我想要的功能，但我的想法不正确，因为我重复代码，而且我找不到减少行数的方法。

HTML:

<nav class="nav">
            <a href="#">
                <img src="" alt="">
            </a>
            <butoon class="toggle" aria-label="Abrir menú">
                <i class='bx bx-menu'></i>
            </butoon>
            <ul class="nav-menu">
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#">Inicio</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#acerca">Acerca de</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#eventos">Eventos</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#servicios">Servicios</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#resultados">Resultados</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#galeria">Galería</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link nav-menu-link_active" href="#contacto">Contacto</a></li>
                </ul>          
        </nav>

JavaScript:

<nav class="nav">
            <a href="#">
                <img src="" alt="">
            </a>
            <butoon class="toggle" aria-label="Abrir menú">
                <i class='bx bx-menu'></i>
            </butoon>
            <ul class="nav-menu">
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#">Inicio</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#acerca">Acerca de</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#eventos">Eventos</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#servicios">Servicios</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#resultados">Resultados</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link" href="#galeria">Galería</a></li>
                <li class="nav-menu-item"><a class="nav-menu-link nav-link nav-menu-link_active" href="#contacto">Contacto</a></li>
                </ul>          
        </nav>

顺晟科技：

您可以编写一个简单的添加所有需要的事件

我在您使用的类上添加了一个背景红色作为切换，这样您就可以看到它的工作状态。