在javascript中显示按钮和打印变量

我对JavaScript相当陌生，但我在其他语言方面有一些经验。我一直在做我自己的小项目，我仍然在想一些事情是如何运作的。我有两个问题需要帮助解决。第一，我有一个按钮，在你得到100分后应该会出现，然后点击这个按钮。这是在if（buyupgrade==1）和它的以下部分。我希望该按钮在条件满足后出现（获得100分后购买第一次升级）。我还想打印按钮的文本部分，但在文本中，我需要它显示一个变量，因此我的按钮文本将显示一些单词和一个变量。谢谢你的帮助

点击开始

加分
x2乘数。费用：100
1号楼。200美元
var点=98；
var=1；
var buyupgrade=0；
var currentpoints=设置间隔（pointupdate，1000）；
函数addPoints（）{
点+=点多；
var pointsArea=document.getElementById（“pointdisplay”）；
pointsArea.innerHTML=“您有“+点+”点！”；
如果（点数>=100&&buyupgrade==0）{
var multiply_button=document.getElementById（“btn_multiply”）；
multiply_button.style.display=“inline”；
}
}
函数firstx2（）{
如果（buyupgrade==0）{
pointMulti*=2；
buyupgrade++；
点数-=100；
var multiplearea=document.getElementById（“multidisplay”）；
multiplierArea.innerHTML=“您的乘数是：“+pointMulti+”！”；
var multiply_button=document.getElementById（“btn_multiply”）；
multiply_button.style.display=“无”；
}
}
如果（buyupgrade==1）{
document.getElementById（“firstbuild”）；
firstbuild.style.display=“inline”；
函数build1（）{
}
}
函数pointupdate（）{
document.getElementById（“pointdisplay”）.innerHTML=“您有”+点+”点！”；
}

本应使第三个按钮可见的代码本身在任何功能之外。这似乎是一个打字错误：

if (buyupgrade == 1) {
   document.getElementById("firstbuild");
   firstbuild.style.display = "inline";
   function build1() {
}

只有当

buyupgrade==0

我想你是想让它在函数中：

function firstx2() {
    if (buyupgrade == 0) {
        pointMulti *= 2;
        buyupgrade++;
        points -= 100;
        var multiplierArea = document.getElementById("multidisplay");
        multiplierArea.innerHTML = "Your multiplier is: " + pointMulti + "!";
        var multiply_button = document.getElementById("btn_multiply");
        multiply_button.style.display = "none";
    }

    if (buyupgrade == 1) {
        var firstbuild = document.getElementById("firstbuild");
        firstbuild.style.display = "inline";

        // add some text to the button
        firstbuild.innerText = "buyupgrade: " + buyupgrade
    }
}

此外，还有一个输入错误：

document.getElementById("firstbuild");

应该是：

var firstbuild = document.getElementById("firstbuild");

---

你的代码有什么问题？您的浏览器控制台中有错误吗？@AndyG我的代码确实有效，但我正在添加。我前面提到的按钮不会出现，我相信我可能做错了什么，我希望能够在按钮文本中打印变量（如果有意义的话），当点数达到100时，我将得到第二个按钮。会发生什么事？@Mark\M oops，抱歉搞混了。如果你稍后再看，应该会有第三个按钮，默认情况下是隐藏的，一旦满足条件，它就会出现。这修复了该部分！谢谢您知道如何在按钮的文本部分也打印变量吗？您可以使用如下内容设置按钮的

innerText

：

multiply\u button.innerText=“哇，一些文本！”

在您更改

显示的同时

您能详细说明一下吗，或者提供一个指向我可以找到的地方的链接吗？当然@JoelBanks-查看更新的答案。当第三个按钮显示时，它会将文本添加到第三个按钮。这就是你想做的吗？是的，就是这样！非常感谢。