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>

我理解这段脚本，但我想在其他地方展示答案。因此，举例来说，不是点击计算而只是在下一段显示答案，我想要这样：

答案是：。

所以在同一行，“答案是”已经显示，单击“计算”后显示答案/数字。

有人能帮助我吗？

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。

Answer 2

将转换为，然后在HTML代码中添加“答案是”。

Answer 3

由于使用了，您的答案可以放在页面上的任何位置，但它始终位于自己的段落中。如果您改用，它可以在同一行：

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

在别处显示答案

3 个答案: