Javascript 添加输入值结果将它们连接起来

标签 javascript

下面的代码不是返回加法结果,而是将变量的值附加到数字上。 pl。帮助。提前致谢。

  <!DOCTYPE html>
  <html>
  <head>
  <title></title>
  </head>
  <body>


  <input type="number" id="wd" value=1000>
  <br>
  Enter Height of chart
  <input type="number" id="ht" value=1000>
  <br>
  <body>
  <script type="text/javascript">
    var retWidth = document.getElementById('wd').value;
    var retHeight = document.getElementById('ht').value;
    wd1 = retWidth + 5; // hoping to get result 1005
    ht1 = retHeight + 5;
    console.log("wd1 = "+wd1)
    console.log("ht1 = "+ht1)
    </script>
  </body>

  </html>

  console log: 
  wd1 = 10005
  ht1 = 10005

最佳答案

使用parseInt()方法将字符串转回数字。现在它们是字符串,因此添加两个字符串会将它们连接起来,这就是您得到 10005 的原因。 使用parseInt(宽度)+5

关于Javascript 添加输入值结果将它们连接起来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36400570/

相关文章:

javascript - 多次调用对象

javascript - 为什么我的对象在 for 循环中从最后一个到第一个?

javascript - d3.js 和 d3.v3.js 的区别

javascript - 如何让我的复制和粘贴功能保持新行格式?

javascript - 类型错误 : can't define property "current": Object is not extensible

javascript - 匿名函数: "object is not a function"

javascript - 需要帮助在 javascript 中使用 href 中的引号

javascript - 如何将参数传递给询问者问题?

javascript - 在全身的某些元素上添加和删除过滤器

javascript - 无论是否返回 false,Onclick 都在访问链接