Javascript 选择按钮a或按钮B时显示按钮。HTML/CSS/JScript

我是新的编码，我试图创建一个简单的代码按钮选择

用户在加载时有两个选择，当选择按钮A或按钮B时，会出现另一个按钮（让我们开始！），它会将用户带到不同的页面

我当前代码的问题是，按钮A和按钮B最终切换“让我们走”按钮的隐藏/显示。它不应该这样做，因为“我们走吧！”应该出现在第一个选择中并在整个过程中显示，而不是在隐藏/显示之间切换

我是开放的，非常感谢您就如何实现我的代码预期结果提供的任何和所有建议。非常感谢您抽出时间

我的代码如下：

函数showLetsGoBtn（）{
var x=document.getElementById（“letsGoBtn”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

正文{
背景：ddd；
字体系列：“雷威”；
}
.中心{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
/*启动弹出式容器*/
.弹出窗口{
宽度：600px；
高度：696px；
填充：30px 20px；
背景:#f5；
边界半径：10px；
框大小：边框框；
z指数：2；
文本对齐：对齐；
}
/*结束弹出式容器*/
.弹出窗口.标题{
利润率：5px0px；
字体大小：24px；
字号：600；
}
.popup.description{
颜色：#222；
字体大小：16px；
填充物：5px；
}
/*-启动btnA-*/
.popup.btnA{
边缘顶部：10px；
}
.popup.btnA按钮{
背景:#f5；
颜色：#0C59AC；
字体大小：14px；
字号：600；
边界半径：4px；
光标：指针；
宽度：202px；
高度：80px；
文本对齐：居中；
边框宽度：1px；
边框颜色：#0C59AC；
}
.popup.btnA按钮：焦点{
颜色：#F5；
背景：#0C59AC；
不透明度：100%；
}
/*-结束btnA-*/
/*-启动btnB-*/
.popup.btnB{
边缘顶部：20px；
}
.popup.btnB按钮{
背景:#f5；
颜色：#0C59AC；
字体大小：14px；
字号：600；
边界半径：4px；
光标：指针；
宽度：202px；
高度：80px；
文本对齐：居中；
边框宽度：1px；
边框颜色：#0C59AC；
}
.popup.btnB按钮：焦点{
颜色：#F5；
背景：#0C59AC；
不透明度：100%；
}
/*结束btnB*/
/*从莱斯哥出发*/
.popup.letsGo{
边缘顶部：20px；
}
.popup.letsGo按钮{
背景：#0C59AC；
颜色：#F5；
字体大小：14px；
字号：600；
边界半径：4px；
光标：指针；
宽度：202px；
高度：35px；
文本对齐：居中；
不透明度：100%；
边框宽度：1px；
边框颜色：#0C59AC；
}
/*结束letsGo*/

showBtnOnClick
单击任意按钮
意图：
我们走吧Btn在加载时隐藏
按钮A和按钮B单击后改变颜色（蓝色）
我们走吧单击按钮A或按钮B（蓝色）时显示Btn
当前代码存在问题：

对于第3点，我的代码切换隐藏/显示快走


我们走吧在用户开始选择按钮A或B时始终显示。



按钮A
按钮B
走吧！

很简单，从函数中删除else部分和其中的代码。您永远不希望按钮再次消失，因此不需要该代码

因此，您的代码应该是：

function showLetsGoBtn() {
    var x = document.getElementById("letsGoBtn");
    if (x.style.display === "none") {
      x.style.display = "block";
    }
  }

如果部分说：如果你的按钮是隐藏的，显示它。另外一部分说：如果你的按钮没有隐藏，就把它隐藏起来。

<div class="letsGo" style="display: none;">
  <button>
    Let's Go!
  </button>
</div>

走吧！

删除同一代码中的id谢谢评论AJ。我尝试了你的解决方案，但不幸的是没有成功。我们将再次查看如何应用此功能。可能是其他地方的代码中断了解决方案的正常运行。再次感谢！