如何将字典值从.js分配给HTML

Question

我正在尝试将.js文件中的字典分配给HTML。我想使用在.js文件中获得的“ x”并将其发送到HTML文件，以便我可以对其进行解析并获取其值并显示它。我到处都看过，但似乎所有示例都是“硬代码”在var txt的值中，例如

var text = {'name':'James', 'age':29};

HTML文件：

<p id="demo"></p>
<script>
var txt = x;
var obj = JSON.parse(txt);
document.getElementById("demo").innerHTML = obj.name + ", " + obj.age;
</script>

.JS文件：

  var x = JSON.stringify(childSnapshot.val())
  document.getElementById("demo").value = x ;