使用 JavaScript 添加两个数字

Question

我正在使用 JS 函数添加两个数字，当我第一次输入值时，例如 3 + 4，我的输出为“你的答案是 7”，直到这里没问题。但是，当我输入不同的值 10 + 10 时没有刷新，那么我的输出变为 “你的答案是 7 10” 它不会替换 7，而是添加到该段落中。我需要更改代码以便每次都能得到一个有价值的答案。

提前非常感谢， 达纳贾伊

<p> Add two number  </p>

<label for="value1">Enter Number 1</label>
<input type="text" id="value1" />
<br />
<br />

<label for="value2">Enter Number 2</label>
<input type="text" id="value2" />
<br />
<br />
<button id="calculate" type="button" onclick="myFunction()">Calculate</button>
<p id="answer">Your answer is </p>



<script type="text/javascript">

    function myFunction() {
        var y = document.getElementById("value1").value;
        var z = document.getElementById("value2").value;
        var x = +y + +z;

        document.getElementById("answer").innerHTML = document.getElementById("answer").innerHTML + " " + x;
    }

</script>

Answer 1

<p> Add two number  </p>

<label for="value1">Enter Number 1</label>
<input type="text" id="value1" />
<br />
<br />

<label for="value2">Enter Number 2</label>
<input type="text" id="value2" />
<br />
<br />
<button id="calculate" type="button" onclick="myFunction()">Calculate</button>
<p id="answer">Your answer is </p>



<script type="text/javascript">

    function myFunction() {
        var y = document.getElementById("value1").value;
        var z = document.getElementById("value2").value;
        var x = (+y + +z);

        document.getElementById("answer").innerHTML =  x;
    }

</script>

Answer 2

使用另一个元素来保存这样的答案：

function myFunction() {
  var y = document.getElementById("value1").value;
  var z = document.getElementById("value2").value;
  var x = +y + +z;

  document.getElementById("output").innerText = x;
}

<p>Add two number</p>

<label for="value1">Enter Number 1</label>
<input type="text" id="value1" />
<br/>
<br/>

<label for="value2">Enter Number 2</label>
<input type="text" id="value2" />
<br/>
<br/>
<button id="calculate" type="button" onclick="myFunction()">Calculate</button>
<p id="answer">Your answer is <span id="output"></span>
</p>

Answer 3

希望对你有用

function myFunction() {
     var y=null;
     var z=null;
         y = document.getElementById("value1").value;
         z = document.getElementById("value2").value;
        var x = parseInt(y) + parseInt(z);

        document.getElementById("ans").innerHTML = x;
    }

HTML

<p> Add two number  </p>

<label for="value1">Enter Number 1</label>
<input type="text" id="value1" />
<br />
<br />

<label for="value2">Enter Number 2</label>
<input type="text" id="value2" />
<br />
<br />
<button id="calculate" type="button" onclick="myFunction()">Calculate</button>
<p>Your answer is </p> <span id='ans'></span>

Answer 4

改变这个：

document.getElementById("answer").innerHTML = document.getElementById("answer").innerHTML + " " + x;

到这里：

document.getElementById("answer").innerHTML = x;

Answer 5

你的最后一行是这样说的

 document.getElementById("answer").innerHTML = document.getElementById("answer").innerHTML + " " + x;

将结果追加到字段中。

把它改成简单的

 document.getElementById("answer").innerHTML = x;

Answer 6

您需要将答案中的值解析为 int，然后添加 x 以累积您的答案加上新数字：

document.getElementById("answer").innerHTML = parseInt(document.getElementById("answer").innerHTML) + x;

Answer 7

    var x=0;
function myFunction() {
        var y = document.getElementById("value1").value;
        var z = document.getElementById("value2").value;
         x += parseInt(y) + parseInt(z);
console.log(x);
        document.getElementById("answer").innerHTML = document.getElementById("answer").innerHTML + " " + x;
    }

enter link description here

Answer 8

替换这个

document.getElementById("answer").innerHTML = document.getElementById("answer").innerHTML + " " + x;

有了这个

document.getElementById("answer").innerHTML = " Your answer is " + x;

Answer 9

您需要在计算后清除变量。否则你只是附加当前定义

...
var x = +y + +z;    
delete y;
delete z;