编写的输入框数字求和函数无法运行，请求技术排查原因

核心错误点： #

• DOM元素创建方法拼写错误：代码里的document.get.createElement是错误写法，正确应为document.createElement（漏写了Element里的大写E），这个错误会直接触发JavaScript异常，导致函数终止执行。
• 未正确获取输入框的数值：document.getElementById("number1")获取的是输入框DOM对象本身，不是用户输入的数字。必须通过.value属性拿到输入内容，且要把字符串类型的输入值转为数字类型（比如用Number()、parseInt()），否则两个值会被当作字符串拼接，而非数学求和。

修复后的完整代码： #

<body>
  <input type="number" id="number1"/>
  <input type="number" id="number2"/>
  <button onclick="plus()">Sum</button>

  <script>
    function plus (){
      // 获取输入框数值并转为数字类型
      let number1 = Number(document.getElementById("number1").value);
      let number2 = Number(document.getElementById("number2").value);
      let newnumber = number1 + number2;
      
      // 修正创建元素的方法
      let div = document.createElement("div");
      div.innerText = newnumber ;
      document.body.appendChild(div);
    }
  </script>
</body>

额外优化建议： #

• 可添加输入校验，比如用户未输入内容时提示错误，避免出现NaN的无效结果。
• 每次点击按钮时清空之前的求和结果，防止页面上堆积过多重复内容。

内容的提问来源于stack exchange，提问作者Bora Erdem