按下按钮后如何增加变量

时间:2016-05-20 00:01:50

标签: javascript

我想知道如何在单击按钮时增加变量。这是我的代码。有人能指出我正确的方向吗?感谢。

我在想,当点击button1时,它会将团队1的分数提高10倍,如果需要再次点击则会减少。

var Team2;
var Team2 == 0;
var Team1;
var Team1 == 0;
document.getElementById("calc").innerHTML = Team1;



function clicked(button1)
{
var team1 = team1 + 45
}
</SCRIPT>
<p>
Players for Team 1

1 个答案:

答案 0 :(得分:3)

首先,变量部分:假设您定义了一个变量var value = 0。要将它增加10,您可以编写value = value + 10,但在JavaScript中,这可以缩短为:

value += 10

同样地,为了减少它,只需写value -= 10

要调用该函数,请编写onClick="someFunction()"(不是最佳实践),然后定义函数:

function someFunction(){
  value += 10
};

这是工作小提琴:https://jsfiddle.net/gerardofurtado/6qh1yhsj/

如果你想看看如何在没有onClick="someFunction()"部分的情况下做同样的事情,这里有一个小提琴:https://jsfiddle.net/gerardofurtado/wff8mph3/

PS:我在你的代码中看到你写了var team2 == 0。在JavaScript中,两个等号构成一个比较运算符:http://www.w3schools.com/js/js_comparisons.asp

PS2:在JavaScript中,你必须要考虑范围。定义var team1后,只需编写team1即可在函数内部进行更改。但如果按照你的方式行事:

function someFunction(){
  var team1 = team1 + 45
};

team1与函数外部定义的先前变量team1不同。这是一个不同的变量。并且,由于未定义等号右侧的team1,因此将返回NaN(非数字)。