如何在HTML中显示Javascript变量？_Javascript_Html_Css

如何在HTML中显示Javascript变量？

javascript html css

如何在HTML中显示Javascript变量？,javascript,html,css,Javascript,Html,Css,我正在尝试向我的HTML文档添加一些javascript。在我的示例中，我想用HTML在文本中显示2的平方。应该使用js脚本计算结果。例如，考虑这一点：在我的标题中： <script type="text/javascript"> var square = 2*2 </script> var平方=2*2 在我的身体里： <p>The square of 2 is <span id="square">.</span></

我正在尝试向我的HTML文档添加一些javascript。在我的示例中，我想用HTML在文本中显示2的平方。应该使用js脚本计算结果。例如，考虑这一点：

在我的标题中：

<script type="text/javascript">
  var square = 2*2
</script>


var平方=2*2

在我的身体里：

<p>The square of 2 is <span id="square">.</span></p>

2的平方是

我需要补充什么才能使这项工作顺利进行

例如，尝试使用HTML文档对象模型

function changeText(){
 var ans = 2*2;
document.getElementById("square").innerHTML = ans;
}

然后，将此javascript附加到事件，例如

<body onload="changeText()">

您需要将span的

innerHtml

设置为该值，以便如下所示：

<script type="text/javascript">
  var square = 2*2;
  document.getElementById('square').innerHTML = square;
</script>

另一方面，问初学者问题是可以的，但另一方面，这几乎涵盖在所有JavaScript教程中。@Juhana，第一个是一方面：p笑话除外，我的意见是，这样做不是为了回答此类问题。@LittleBobbytes声誉！新名声！趁热来拿！我键入了一个长达一页的答案，其中有3行代码和100行解释，但无法提交，因为问题已结束：p@meagar您仍然可以将其发布到其中一个副本。此代码将显示错误，因为innerHTML不是函数。

<script type="text/javascript">
  document.onload(function() {
      var square = 2*2;
      document.getElementById('square').innerHTML = square;
  });
</script>