如何改变函数内部的值?

How can I change a value inside of a function?

本文关键字：内部 函数 何改变 改变      更新时间：2023-09-26

我刚刚开始创建自己的小点击游戏，我陷入了死胡同。我有一个点击计数，我想创建一个按钮来改变计数增加的数字。

<!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的底部，我有一个按钮，我想改变点击计数在我的click .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>

一键点击，依此类推

希望对大家有所帮助

相关文章：