Javascript 仅当用户；“赢”；

有点麻烦。 我正在尝试创建一个“重播”按钮，该按钮仅在用户获胜时出现， 我已经将div的条件设置为visibility：当用户获胜时为none， 否则显示：无 但是，从一开始，按钮总是出现，有什么建议吗？ 只有当用户获胜时，音频才能正确播放。 我得到了这段html代码：

<div id="Again">
  <button type="button" onclick="toggle_visibility">Play Again</button>
  </div>

---

该按钮从一开始就可见，因为它既没有表示隐藏它的“硬编码”

style

属性，也没有表示隐藏它的

CSS

属性。“切换”按钮的JS代码仅在按下时触发，因此在页面加载时无效。

按钮的初始显示状态应为无。以下是一个可能有助于您理解的框架片段：

const button=document.querySelector（“按钮”）；
常量输入=document.querySelector（“输入”）；
常量inputHandler=evt=>{
如果（+evt.target.value==猜测值）{
按钮。类列表。替换（“隐藏”、“可见”）；
}否则{
按钮。类列表。替换（“可见”、“隐藏”）；
}
};
让guessValue=Math.ceil（Math.random（）*10）；
按钮。addEventListener（“单击”，（）=>{
按钮。类列表。替换（“可见”、“隐藏”）；
input.value=“”；
guessValue=Math.ceil（Math.random（）*10）；
});
input.addEventListener（“更改”，inputHandler）；
input.addEventListener（“键控”，输入处理器）
button.hidden{
显示：无
}
按钮。可见{
显示：内联块
}
猜一个数字（1-10）
再一次？

谢谢，你能用代码给我看一下吗？会更容易理解

function toggle_visibility(id) {
            var x = document.getElementById('Again');
            if (TOTAL_COUPLES_COUNT === flippedCouplesCount) {
            audioWin.play();
            x.style.display = 'block';}
            else {
                x.style.display = 'none';

            }