javascript - javascript数学方程显示错误答案

标签 javascript math

我是 Java Script 的新学习者。我的数学方程有问题。它显示错误的答案。 请帮我找出错误。

    <html>
    <head>
	<title>calculation of (p+r)*(n+r) </title>

        <script>
            function calculate()
            {
               var p = document.getElementById("p").value;
               var n = document.getElementById("n").value;
               var r = document.getElementById("r").value;
               
			   
               var calculationa= p+r;
			   
			   var calculationb= n+r;
			  
			   
			   var cal_final=Number(calculationa)*Number(calculationb);
			   
			   document.getElementById("result").innerHTML=cal_final;
            }
        </script>
    </head>

    <body>
        <h1>calculation of (p+r)*(n+r)</h1>
        p: <input id="p"><br/>
        n: <input id="n"><br/>
        r: <input id="r"><br/>

       

       <button onclick="calculate()">calculate</button>
	   <p id="result"></p>
    </body>
</html>

这就是我要解的方程。 数学显示这个结果是不正确的。 /image/Ir9hs.png

我该如何解决这个问题?

最佳答案

这些值作为字符串分配给pnr。所以,p+r = 1+2 = 12

使用parseInt()将值解析为Integer并进行计算。或者使用parseFloat()

function calculate() {
  var p = parseInt(document.getElementById("p").value);
  var n = parseInt(document.getElementById("n").value);
  var r = parseInt(document.getElementById("r").value);

  var calculationa= p+r;

  var calculationb= n+r;

  var cal_final=Number(calculationa)*Number(calculationb);

  document.getElementById("result").innerHTML=cal_final;
}
    <h1>calculation of (p+r)*(n+r)</h1>
    p: <input id="p"><br/>
    n: <input id="n"><br/>
    r: <input id="r"><br/>

   <button onclick="calculate()">calculate</button>
   <p id="result"></p>

关于javascript - javascript数学方程显示错误答案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37202611/

相关文章:

java - 如何找到数字中的所有方 block (Java)?

math - 解决涉及min的非标准递归关系?

java - 如何使用JOML在3D投影到2D平面上模拟OpenGL之类的模型、 View 矩阵?

javascript - 如果未选中复选框,则显示警报消息

javascript - Mongoose 模型定义中的 Node.js find()

javascript - 是否有一种单行代码可以在 Javascript 中使用以参数命名的键创建对象文字?

c++ - 缺少数字 面试问题 Redux

Javascript 原型(prototype)与 $.extend - 内存难题

javascript - 在 ES6 中我们可以使用 { } 来引用 HTML 中的 JS 变量吗

algorithm - LUT 与 IEEE-754 32 位浮点的 Newton-Raphson 除法