[英]How can I change a value inside of a function?
我刚刚开始创建自己的小点击游戏,但是我陷入了困境。 我有一个点击计数,我想创建一个按钮来更改计数增加的数字。
<!DOCTYPE html>
<html>
<head>
<title> Rust Clicker </title>
<link rel="stylesheet" href="css.css">
<link rel="icon" src="icon.ico">
</head>
<body>
<div onClick="onClick()">
<img src="rust.jpg" id="click" value="Click" />
</div>
<script src="picture.js"></script>
<script src="clicks.js"></script>
<p>Clicks: <a id="clicks">0</a></p>
<button onClick="">Click me to click twice!</button>
</body>
</html>
在html的底部,我有一个按钮,我想更改clicks.js文件中点击计数上升的值。 以下是clicks.js:
var clicks = 0;
function onClick() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;
};
我想在HTML中添加按钮,以增加“点击次数+ = 1;” “点击+ = 2”,但不知道如何操作。
您是否希望click事件更改功能本身?
如果是这样,我不太确定那是可以做到的。 我可能是错的,因为我仍然像你一样开始。 :)
如果由单击引起的更改是特定于所单击的元素的,则可以执行以下操作:
var clicks = 0;
function onClick(x) {
clicks += x;
document.getElementById("clicks").innerHTML = clicks;
};
然后,对于您的按钮,您可以执行以下操作:
<button onClick="onClick(2)">Click me to click twice!</button>
...以及其他地方,例如:
<div onClick="onClick(1)">
<img src="rust.jpg" id="click" value="Click" />
</div>
一键点击,依此类推。
希望这可以在某种程度上有所帮助:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.