gpt4 book ai didi

带有 if 语句和按钮的 JavaScript

转载 作者:行者123 更新时间:2023-11-30 21:18:57 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com