0

我是 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>。

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

有人可以帮我吗？

4

3 回答 3

6

修改你的输出：

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

或修改您的标记：

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

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

于 2013-08-15T15:29:42.530 回答
3

在 HTML 代码中将转换<p id="answer"></p>为 a<span id="answer"></span>并在其前面添加“答案是”。

于 2013-08-15T15:30:06.593 回答
2

由于使用<p>，您的答案可以放在页面上的任何位置，但它总是在自己的段落中。如果你改用<span>它，它可以在同一行：

The answer is: <span id="answer"></span>
于 2013-08-15T15:31:09.653 回答