Javascript 从变量多次递增一个数字

Javascript 从变量多次递增一个数字,javascript,html,variables,counter,increment,Javascript,Html,Variables,Counter,Increment,如何向另一个值添加多个值以使其递增 例如,每当一个变量获得一个新值时,将该值添加到主合计中,并像计数器一样递增。因此,如果一个值变为4,然后变为5,然后变为2,则增加的总值将为11 它是沿着“++”还是“=+”的方向 我试着用下面一个简单的例子让它工作: 单击我以更改我的HTML内容(innerHTML) 蓝变种; 绿色变量=3; 黄色变种=3; 蓝色=+绿色; 蓝色=+黄色; document.getElementById(“demo”).innerHTML=blue; 所以我希望蓝色现在

如何向另一个值添加多个值以使其递增

例如,每当一个变量获得一个新值时,将该值添加到主合计中,并像计数器一样递增。因此,如果一个值变为4,然后变为5,然后变为2,则增加的总值将为11

它是沿着“++”还是“=+”的方向

我试着用下面一个简单的例子让它工作:

单击我以更改我的HTML内容(innerHTML)


蓝变种;
绿色变量=3;
黄色变种=3;
蓝色=+绿色;
蓝色=+黄色;
document.getElementById(“demo”).innerHTML=blue;
所以我希望蓝色现在的值是6


谢谢。

+=走错了方向,应该是+=

需要正确初始化“var blue”,因为它需要是一个整数,因此更正为var blue=0


非常感谢您的评论。

我不太明白这里的意思。对于您描述的示例,您可以轻松地使用
+=
来实现

 <script>

 var blue;
 var green = 3;
 var yellow = 3;

 blue += green;
 blue += yellow;

 document.getElementById("demo").innerHTML=blue;

 </script>
如果这正是您想要的,那么您可能需要一些复杂的javascript代码。您需要编写一个函数来设置blue的值,然后每次设置值时都可以执行额外的操作。像这样:

var blue = 0;
var mainCount = 0;
var setBlue = function(value) {blue = value; mainCount += blue;};

setBlue(3); //blue is 3, mainCount is 3
setBlue(9); //blue is 9, mainCount is 12
setBlue(1); //blue is 1, mainCount is 13

希望这会有所帮助。

这远不是你需要知道的唯一事情,但它是
+=
,而不是
=+
。而且你必须正确初始化
var blue=0@Pointy啊谢谢你。我在我的示例中尝试了它,得到了NaN,但意识到我并没有将我的蓝色变量声明为整数,这给了我想要的东西。谢谢。@freakish-yeah,谢谢。@jord49如果你已经解决了这个问题,要么自己添加解决方案作为答案并接受它,要么删除这个问题。如果前者能帮助他人学习,则前者更可取。
var blue = 0;
var mainCount = 0;
blue = 3;
blue = 9;
blue = 1;
//Then the mainCount will automatically be 13
var blue = 0;
var mainCount = 0;
var setBlue = function(value) {blue = value; mainCount += blue;};

setBlue(3); //blue is 3, mainCount is 3
setBlue(9); //blue is 9, mainCount is 12
setBlue(1); //blue is 1, mainCount is 13