javascript - 在其他地方显示答案

Question

我是 Javascript 新手，我搜索了几个主题，但找不到我想要的答案。我正在使用 Google 协作平台进行(财务)计算，并开始使用此网站上的这个简单模板。

<script>
  function calcul(){
    var x = parseFloat(document.getElementById("value1").value);
    var y = parseFloat(document.getElementById("value2").value);
    document.getElementById("answer").innerHTML=x+y;
  }
</script>

<form action="" id="nothing">
  <input type="text" id="value1">
  <input type="text" id="value2">
  <input type="button" value="Calculate" id="but" onclick="calcul()" />
</form>

<p id="answer"></p>

我理解这段脚本，但我想在其他地方展示答案。例如，我不想单击“计算”并仅在下一段中显示答案，而是希望如下所示:

答案是:<p id="answer"></p> 。

因此在同一行上，“答案是”已经显示，并且单击计算后显示答案/数字。

有人可以帮我吗？

Answer 1

修改你的输出:

var msg = "The answer is: ";
document.getElementById("answer").innerHTML= msg + (x + y);

或者修改您的标记:

<p>The answer is: <span id="answer">0</span></p>

最初的答案是0，直到您第一次运行calcul。