Javascript 如何在单个按钮中添加更多功能

我有一个按钮，我想添加两个功能一个是菜单打开，另一个是关闭

---

使用下面的代码。它用于选择按钮，并在单击按钮时执行某些操作（与html

onclick

属性相同）

var open=false；
document.getElementById（“导航图标”）.addEventListener（“单击”，函数）（）{
如果（打开）{
closeNav（）；
开=假；
}否则{
openNav（）；
开放=真实；
}
});
函数openNav（）{
控制台日志（“打开”）；
}
函数closeNav（）{
控制台日志（“关闭”）；
}

打开

在HTML中

<form>
    <input value="open menu" id="nav-icon" class="navbar-toggler hidden-sm-up" type="button" onclick="toggleNav(this);" />
</form>

---

如果您只想切换导航，可以使用以下命令

var nav=document.getElementById（“nav”）；
托格伦纳夫功能（el）{
console.log（nav.className）
如果（导航类名称索引（“活动”）！=-1）{
//通过删除类隐藏
nav.className=nav.className.replace（“活动”和“）.trim（）；
el.innerHTML=“显示导航”；
}否则{
nav.className+=“活动”；
el.innerHTML=“隐藏导航”；
}
}

#导航{显示：无；}
#nav.active{display:block；}

显示导航
我是海军

您实现了handleNav功能，在该功能中，您有一个带有标志的if/else块，如果该块打开，请将其关闭，否则请将其打开。这是一次单击就完成的，还是您在打开和关闭导航按钮之间切换？

<form>
    <input value="open menu" id="nav-icon" class="navbar-toggler hidden-sm-up" type="button" onclick="toggleNav(this);" />
</form>