Question

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

<!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中创建按钮以增加＆＃34;点击+ = 1;＆＃34;到＆＃34;点击+ = 2＆＃34;但不知道怎么做。

Answer 1

您是否希望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>

只需点击一下等等。

希望这在某种程度上有所帮助：）

如何更改函数内部的值？

1 个答案: