[javascript] 编写一个计算器，实现加减法

1、代码

 <script>
 function sum(){     //加法
   var value1 = document.getElementById("num1").value;
   var value2= document.getElementById("num2").value;
   var result = parseInt(value1)+parseInt(value2);//转换为数字，再进行加法
   document.getElementById("result1").value=result;     //  把result作为result1这个方框ID的输出
 }
 </script>
 
 <script>
 function sub(){     //加法
   var value3 = document.getElementById("num3").value;
   var value4= document.getElementById("num4").value;
   var result = parseInt(value3)-parseInt(value4);     //转换为数字，再进行减法
   document.getElementById("result2").value=result;   //把result作为result2这个方框ID的输出
 }
 </script>
 
 <table >
    <tr>
       <td width="100px" ><input type="number" id="num1" value="1" color="red">  </td>
       <td width="40px">+</td>
       <td width="100px" ><input type="number" id="num2" value="2">  </td>
       <td width="70px">=</td>
        <td width="100px" > <input type="number" id="result1" value=""></td>
       <td width="70px"><input type="button" value="加法" onclick="sum()" ></td>
    </tr>
 
    <tr>
       <td width="100px" ><input type="number" id="num3" value="1">  </td>
       <td width="40px">-</td>
       <td width="100px" ><input type="number" id="num4" value="2">  </td>
       <td width="70px">=</td>
        <td width="100px" > <input type="number" id="result2" value=""></td>
       <td width="70px"><input type="button" value="减法" onclick="sub()" ></td>
    </tr>
 </table>

2、效果