加、减、除、乘小数

Add, subtract, divide, multiply decimals

本文关键字：小数      更新时间：2023-09-26

对于JavaScript：

var add = function(calculate){
 var number1 =  document.getElementById('number1').value; 
  var number2 =  document.getElementById('number2').value; 
 document.getElementById('calculate').innerHTML= parseInt(number1) + parseInt(number2);
};
var subtraction = function(calculate){
  var number1 = document.getElementById('number1').value;
  var number2 = document.getElementById('number2').value;
  document.getElementById('calculate').innerHTML= parseInt(number1)  -  parseInt(number2);
};
var multiply = function(calculate){
  var number1 = document.getElementById('number1').value;
  var number2 = document.getElementById('number2').value;
  document.getElementById('calculate').innerHTML= parseInt(number1) * parseInt(number2);
};
var divide = function(calculate){
  var number1 = document.getElementById('number1').value;
  var number2 = document.getElementById('number2').value;
  document.getElementById('calculate').innerHTML= parseInt(number1) / parseInt(number2);
};

对于 HTML：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="cool.css"/>
  <script src="calculator.js"></script>
  <body>
    <div id="box" style="width: 800px; height: 400px; border: 2px solid #000;">
        <div id="enter1">
        <p>Number 1: <input id='number1' value="ENTER 1"type="number"></p>
      </div>
      <div id="enter2">
        <p>Number 2: <input id='number2' type="number" value="ENTER 2"></p>
      </div>
      <button id="add"onclick='add()' style="font-size: 25px; background-color: #00B85C">ADD</button>
      <button id="sub" onclick='subtraction()' style="font-size: 25px; background-color: #FF6600;">SUBTRACT</button>
      <button id="multi"onclick='multiply()' style="font-size: 25px; background-color: #2E8AE6">MULTIPLY</buuton>
      <button id="div"onclick='divide()'  style="font-size: 25px; background-color: #CC6699;">DIVIDE</button>
      </div>
         <div id="box2" style="width: 800px; heigth: 600px; border 2px solid #000;">
         <p id='calculate'>ANSWER HERE</p>
       </div>
    </body>
   </head>
</html>
"数字

1"和"数字 2"是 HTML 中输入标记的名称。我忘记了我插入"计算"作为参数的原因;如果您认为没有必要，您能否解释一下原因（这有助于我更;)地理解代码）

但是，"计算"是我给显示答案的段落标签的 ID。

我想用小数添加（不想写出其余的）。现在，它只是添加整数。我怎样才能做到这一点？

parseInt将只返回整数值。您需要使用parseFloat .

此外，当使用 parseInt 时，最好传递基数值（例如 parseInt(text, 10);）。 parseFloat不需要它。

 function over(a,b){
        let z = a+b;
        let div = z/2
        return div;
    }
    let r=  over(2,2);
    document.write(r);

相关文章：