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

Question

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

我在HTML中具有以下内容：

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

用Javascript：

   var $mainCount = 3; //Global variable

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

   function test() {
   $mainCount;

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

   $mainCount = p;
}
}

但是，HTML页面不会将数字更新为9，并且由于全局变量被声明为first，因此仍写3。

Answer 1

无法将HTML绑定到JavaScript变量。

如果要更新HTML，则需要使用DOM操作来完成。

Answer 2

因此，正如我们在评论中所述，您将必须使用javascript。

var $globalVariable = 3;

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

看一下这个jsfiddle代码。