javascript - 添加变量整数但输出为字符串 - JavaScript

Question

我在将变量添加在一起时遇到了一个小问题，我设置了一个输入数字字段来设置变量。然后我要做的就是发布 3 个数字，第一个是原始数字，第二个是第一个数字加上原始数字，然后第三个数字是第二个数字加上原始数字。但由于某种原因(显然我遗漏了一些东西)，因为我的变量以字符串而不是整数的形式输出？

function submit() {
  var input = document.getElementById("input").value;
  var p1 = parseInt(input);
  var p2 = parseInt(p1) + input;
  var p3 = parseInt(p2) + input;
  document.getElementById("p1").innerHTML = p1;
  document.getElementById("p2").innerHTML = p2;
  document.getElementById("p3").innerHTML = p3;
}

<label for="input">Value</label><br>
<input type="number" id="input"><br>
<button id="btnSubmit" onclick="submit()">Submit</button>
<p id="p1">0</p>
<p id="p2">0</p>
<p id="p3">0</p>

Answer 1

document.getElementById("input").value 返回一个字符串值，需要将其转换为整数类型。在 input 变量声明上使用 parseInt，而不是在其他地方执行此操作。

  var input = parseInt(document.getElementById("input").value);

function submit() {
  var input = parseInt(document.getElementById("input").value, 10);
  var p1 = input;
  var p2 = p1 + input;
  var p3 = p2 + input;
  document.getElementById("p1").innerHTML = p1;
  document.getElementById("p2").innerHTML = p2;
  document.getElementById("p3").innerHTML = p3;
}

<label for="input">Value</label><br>
<input type="number" id="input"><br>
<button id="btnSubmit" onclick="submit()">Submit</button>
<p id="p1">0</p>
<p id="p2">0</p>
<p id="p3">0</p>