带有 if 语句和按钮的 JavaScript

标签 javascript

我是 JavaScript 的新手,但我对 c 有一些了解,并且对 HTML 有很多了解。

我在这个项目中的问题是我希望第二个按钮(onclick 应该运行 firstx2 函数的按钮)仅在点数达到 100 或更多时才可见,而我不是确定如何去做。还需要按钮在他们单击后消失。谢谢!

var points = 0;
var pointMulti = 1;
function addPoints() {
    points = points + pointMulti;
    document.getElementById("pointdisplay").innerHTML = "You have " + points 
        + " points!";
}
function firstx2() {
    pointMulti *= 2;
    document.getElementById("multidisplay").innerHTML = "Your multiplier is: " + 
        pointMulti + "!"
}
<!DOCTYPE html>
<html>
    <body>
        <p>Click to get started!</p>
        <button onclick="addPoints()">Add points</button>
        <button onclick="firstx2">x2 Multiplier. Cost: 100</button>
        <p id="pointdisplay"></p>
        <p id="multidisplay"></p>
    </body>
</html>

最佳答案

您没有正确调用函数。

onclick="firstx2" 更改为 onclick="firstx2()"

还对购买 x2 乘数时分数减少 100 的逻辑进行了一些修改。

但主要问题是调用函数。

var points = 0;
var pointMulti = 1;

function addPoints() {
  points = points + pointMulti;
  document.getElementById("pointdisplay").innerHTML = "You have " + points +
    " points!";
}

function firstx2() {
  if (points >= 10) {
    pointMulti = pointMulti * 2;
    points = points - 10;
    document.getElementById("pointdisplay").innerHTML = "You have " + points +
      " points!";
    document.getElementById("multidisplay").innerHTML = "Your multiplier is: " +
      pointMulti + "!";
  }
}
<p>Click to get started!</p>
<button onclick="addPoints()">Add points</button>
<button onclick="firstx2()">x2 Multiplier. Cost: 100</button>

<p id="pointdisplay"></p>
<p id="multidisplay"></p>

关于带有 if 语句和按钮的 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45380547/

相关文章:

javascript - 将焦点设置在某个类名称的下一个元素的输入字段上

javascript - Node readline 模块没有 'on' 功能?

javascript - 在三个 js 中使用鼠标悬停更改网格的颜色

javascript - 使用 CKEditor 动态添加文本区域

javascript - 有没有更简单的方法来检查属性的存在?

javascript - 悬停在文本上方时禁用鼠标指针文本选择器

javascript - html按钮执行jquery和javascript?

javascript - TypeError : req. checkBody 不是函数

Javascript 和回调以及延迟。 google gmail API 请求完成后如何运行函数?

javascript - 使用 PHP 登录和 OAuth2