如何使用javascript更改onClick中的值?

时间:2016-11-04 15:38:49

标签: javascript html onclick click

我正在开发一款点击游戏,当我在开始时点击图片时,我默认设置为每次点击一次点击。我想制作一个强制一次点击价值的按钮,每次点击两次点击。我尝试过的解决方案似乎都没有效果。这就是我所拥有的:

HTML:             

            <img src="rust.jpg" id="click" value="Click" />

        </div>

        <script src="picture.js"></script>

        <script src="clicks.js"></script>

        <script src="2clicks.js"></script>

            <p>Clicks: <a id="clicks">0</a></p>

            <button onClick="twoClicks()">Click Me</button>

Clicks.js:

var clicks = 0;
function onClick(x) {
    clicks += x;
    document.getElementById("clicks").innerHTML = clicks;
};

2clicks.js:

function twoClicks() {
    document.getElementById("onClick").innerHTML = onClick(2);
}

我想点击按钮,将img增加两次点击次数

3 个答案:

答案 0 :(得分:2)

由于onClick已经处理了DOM操作,只需尝试

function twoClicks() {
    onClick(2);
}

答案 1 :(得分:1)

可能会让你自己努力

为什么不使用click方法并让它参考它的乘数。

例如,如果你需要点击而不是做这样的事情

click(1) 并且点击两次就可以执行此类click(2)

因此,对于您的游戏,您可以在Javascript中使用类似的代码

function click(n){
   for(var i = 0; i < n; i++){
    addPoints()
   }
}

甚至只需直接通过click功能添加点数即可。

您需要为不同的点击所做的只是将其称为

<button id="clickOne" onClick="click(1)">Click Me</button>

<button id="clickTwo" onClick="click(2)">Click me for two</button>

如果您希望这些值随着外部影响而增加,您甚至可以为乘数增加一个值。有很多方法可以解决这个问题,如果您需要更多帮助,请在评论中告诉我。

如果你需要让clickOne元素突然发生两次点击,你可以做的就是重新分配onclick属性。

document.getElementById('clickOne').onclick = function(){click(2)};

答案 2 :(得分:-1)

你可以这样做:

&#13;
&#13;
 <button onClick="this.innerHtml = 'new value'">Click Me</button>
&#13;
&#13;
&#13;