我是 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/