Javascript 在多个上下文中使用同一按钮的正确方法

假设我用JavaScript实现了一个基于Web的小游戏：
游戏结束后，会弹出一个带有多个按钮的菜单。一个按钮将播放器返回主菜单。 当我中断游戏时，同样的按钮会出现

                    <div class="menu gameOverMenu" style="display: none;">
                            <button class="menuButton" type="button" id ="playAgain">
                                    Play again
                            </button>
                            <button class="menuButton" type="button" id ="toMainMenu1">
                                    Main Menu
                            </button>
                    </div>
                    <div class="menu pauseMenu" style="display: none;">
                            <button class="menuButton" type="button" id ="continue">
                                    Continue
                            </button>
                            <button class="menuButton" type="button" id ="toMainMenu2">
                                    Main Menu
                            </button>
                    </div>

我不想再次使用同一个id，用另一个id创建一个类似的按钮，因为我觉得这样做不对。我是否应该创建带有显示的按钮：无；属性，并将其克隆到不同的菜单中？为这两个按钮创建一个类？还是有更简单更好的方法 我希望我能遵守SO发布规则，这是我第一次寻求帮助

这是一个选项：

<div class="menu" style="display: none;">
    <div class="gameOverMenu" style="display: none;">
         <button class="menuButton" type="button" id ="playAgain">Play again</button>                    
    </div>
    <div class="pauseMenu" style="display: none;">
         <button class="menuButton" type="button" id ="continue">Continue</button>
    </div>
    <button class="menuButton" type="button" id="toMainMenu">Main Menu</button>
</div>

---

创建指向同一事件的不同按钮会更好

我希望我遵循发布的SO规则，

不确定您是否有。这里缺少的主要是一些代码。。一个小的可复制的例子等编辑了它。希望现在一切都好。

<div class="menu" style="display: none;">
    <div class="gameOverMenu" style="display: none;">
         <button class="menuButton" type="button" id ="playAgain">Play again</button>                    
    </div>
    <div class="pauseMenu" style="display: none;">
         <button class="menuButton" type="button" id ="continue">Continue</button>
    </div>
    <button class="menuButton" type="button" id="toMainMenu">Main Menu</button>
</div>

<button class="menuButton nagivateToMainMenu" type="button" id="toMainMenu3000">Main Menu</button>