Javascript 在函数中更新全局js变量并将更新的内容发送到HTML文档

我很难更新全局变量并将更新后的变量发送到HTML

我有以下HTML格式：

We found <script type="text/javascript">
var $mainCount; 
document.write($mainCount); </script> places for you!

我们找到了
var$mainCount；
文件。写入（$mainCount）；给你的地方！

在Javascript中：

   var $mainCount = 3; //Global variable

   if (1 = 1) {
   test();
   }

   function test() {
   $mainCount;

   for (var p = 0; p < 10; p++){

   $mainCount = p;
}
}

var$mainCount=3//全局变量
如果（1=1）{
test（）；
}
功能测试（）{
$mainCount；
对于（var p=0；p<10；p++）{
$mainCount=p；
}
}

---

但是，HTML页面没有将数字更新为9，并且仍然写入3，因为全局变量被声明为第一个

无法将HTML绑定到JavaScript变量

---

如果您想更新HTML，那么您需要使用来完成。

因此，正如我们在评论中所述，您必须使用javascript来完成

var $globalVariable = 3;

(function() {
  console.log('asa');
  $globalVariable = 9;
  document.getElementById("field").innerHTML = $globalVariable;
})();

---

看看这段代码。

您期望的是什么

$mainCount要做什么？另外，不要使用
document.write
您是否调用了
test（）
方法，并且您已经从循环中删除了
a
。以上只是用作我想要实现的示例，代码比这长得多。我希望$mainCount作为变量更新，然后HTML文档显示更新的变量。但是，更新后的变量将不会显示。因此，无法在html文档中显示简单的整数值，并通过Javascript更新变量？不，您需要数据绑定，或者只需要更新dom。所有这些都是通过javascript实现的，至少我不希望js和html文档中有太多if-else语句。我让js统计到300个不同的地方，但是如果用户在这些地方排序，这个数量将会更新。我只需要HTML文档在屏幕上写下计算的金额。我可以从Javascript中获取数据，但我想这只能在加载页面时对全局变量执行。有没有办法强制更新全局变量并将其重新加载到html文档中？@Quest-Data binding仍然是JS，只是有大量通用JS库支持您。这并不是说我必须以文字方式更新html，因为我只需要更新html文档中的脚本。我不知道这是否和你描述的一样，它可能太棒了！这完全符合预期：）太好了，谢谢！