javascript - 如何显示使用 javascript 动态计算的两个数字的总和

Question

我在 stackoverflow 上看到了这段代码，它计算输入字段中的两个数字并在另一个文本字段中显示总和

JavaScript

    <script type="text/javascript">
function calculate(){
    var x=parseInt(document.getElementById("first").value);
    var y=parseInt(document.getElementById("second").value);
    document.getElementById("answer").value=(x+y);
    }
    </script>

正文

    First:<input id="first" name="first" type="text"><br>
    Second:<input id="second" name="second" type="text"><br>
    Answer:<input id="answer" name="answer" type="text"><br>
    <input onclick="calculate()" type="button" value="Addition">

当我尝试将答案输入字段更改为<span id="answer">时，答案不显示。无论如何，我可以将其显示为 <span>或者标题？

Answer 1

https://jsfiddle.net/ahmadasjad/t1dovxwg/3/

First:<input id="first" name="first" type="text"><br>
    Second:<input id="second" name="second" type="text"><br>
    Answer:<input id="answer" name="answer" type="text"><br>
    <input onclick="return calculate();" type="button" value="Addition">


calculate = function(){
    var x=parseInt(document.getElementById("first").value);
    var y=parseInt(document.getElementById("second").value);
    var ans=(x+y)
    document.getElementById("answer").value=ans;
    }