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

Question

I am having a really hard time updating a global variable and sending the updated to HTML.

I have the following in HTML:

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

In Javascript:

   var $mainCount = 3; //Global variable

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

   function test() {
   $mainCount;

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

   $mainCount = p;
}
}

However, the HTML page does not update the number to 9, and still writes 3 as the global variable was declared as first

Answer 1

There is no way to bind HTML to a JavaScript variable.

If you want to update the HTML, then you need to use DOM manipulation to do it.

Answer 2

So as we stated in comments you will have to use javascript for it.

var $globalVariable = 3;

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

Take a look at this jsfiddle code.