Javascript 为什么'；变量不能计数吗？

为什么var newid中的var idnumber不计数

var idnumber = 1;
var newid = "box-"+idnumber;
var newbox = "<div id='" + newid + "' class='box'></div>";
$( document ).ready(function() {
    $('#add').click(function(){
        idnumber++;
        console.log(idnumber+" "+newid+" "+newbox);
    });
});

var-idnumber=1；
var newid=“box-”+idnumber；
var newbox=“”；
$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
idnumber++；
console.log（idnumber+“”+newid+“”+newbox）；
});
});

有关示例，请参见：

这是因为您设置了

   var newid = "box-"+idnumber;
   var newbox = "<div id='" + newid + "' class='box'></div>";

var newid=“box-”+idnumber；
var newbox=“”；

一次，如果您再次单击，您的变量将不会计数

您应该将这两个变量放入函数中。单击函数，如下所示：

$('#add').click(function(){
    idnumber++;
    var newid = "box-"+idnumber;
    var newbox = "<div id='" + newid + "' class='box'></div>";
    console.log(idnumber+" "+newid+" "+newbox);
});

$（'#添加'）。单击（函数（）{
idnumber++；
var newid=“box-”+idnumber；
var newbox=“”；
console.log（idnumber+“”+newid+“”+newbox）；
});

在Chromemy控制台中，它为我提供了如下输出：2-box-1（索引）：34-3-box-1（索引）：34-4-box-1（索引）：34-5-box-1（索引）：34-6-box-1（索引）：34-7-box-1（索引）：34-8-box-1（索引）：34-9-box-1（索引）：34-10-box-1@bhspencer-id（newid）没有增加。哦，你想让newid增加吗。不仅仅是号码。很抱歉您应该在单击函数的内部为newid指定一个新值哦，是的，这是我以前从未见过的。谢谢