加法计算器= =！以前用VBS写过，今天用JS重写了下。。。

<title>次碳酸钴的加法运算 JS版</title>
<style>
   table {width:100%;height:100%;}
   td {height:30%;}
   textarea {width:100%;height:100%;}
</style>
<table>
   <tr>
    <td width="60">加数1</td>
    <td><textarea id="a"></textarea></td>
   </tr>
   <tr>
    <td>加数2</td>
    <td><textarea id="b"></textarea></td>
   </tr>
   <tr>
    <td>和</td>
    <td><textarea readonly="readonly" id="c"></textarea></td>
   </tr>
   <tr>
     <td colspan="2">
       <input type="button" value="计算结果" id="add">
     </td>
   </tr>
</table>
<script>
   function $(e){return document.getElementById(e)};
   $("add").onclick = function(){
     var a = $("a").value,b = $("b").value;
     var n = /^\d*?\.?\d*?$/;
     if(!n.test(a)||!n.test(b)){
       $("c").value = "NaN";
       return false;
     };
     var ia = a.indexOf("."),ib = b.indexOf(".");
     var la = a.length,lb = b.length;
     var pa = ia==-1?0:la-ia-1,pb = ib==-1?0:lb-ib-1;
     p = Math.max(pa,pb);
     var i = p-pa;
     while(i--)a+=0;
     var i = p-pb;
     while(i--)b+=0;
     a = a.replace(/\./g,""),b = b.replace(/\./g,"");
     var c = "";
     var la = a.length,lb = b.length;
     var m = Math.max(la,lb);
     var i = m;
     var q = false;
     while(i--){
       var tmp = Number(a.charAt(i-m+la))+Number(b.charAt(i-m+lb));
       var sq = tmp>9;
       if(sq)tmp-=10;
       c = tmp+q+c;
       q = sq;
     };
     if(q)c=1+c;
     var ah = c.substr(0,c.length-p),al = c.substr(c.length-p);
     c = ah+(al==""?"":"."+al);
     $("c").value = c;
   };
</script>

看不懂，太难了

熊猫办公

熊猫办公javascript:，全新AI技术，快速创作文档类内容，让您轻松搞定!javascript:，领先的AI写作工具，支持工作办公/互联网电商/教育培训/等各场景需求使用。

2025-04-20 19:48广告

立即查看

回复：2楼
阿童木?

a=2
b=-1
结果 NaN
难怪 "大x" 不懂。

我来修理一下：
<html>
<title>次碳酸钴的加法运算修理版</title>
<style>
   table {width:100%;height:100%;}
   td {height:30%;}
   textarea {width:100%;height:100%;}
</style>
<table>
   <tr>
    <td width=60>加数1</td>
    <td><textarea id="a"></textarea></td>
   </tr>
   <tr>
    <td>加数2</td>
    <td><textarea id="b"></textarea></td>
   </tr>
   <tr>
    <td>和</td>
    <td><textarea readonly="readonly" id="c"></textarea></td>
   </tr>
   <tr>
     <td colspan="2">
       <input type="button" value="计算结果" id="add" onclick="
var $=function(arg){return document.getElementById(arg)}
try { $('c').value = $('a').value*1 + $('b').value*1 }
catch(e) { $('c') ='NaN' }
">
     </td>
   </tr>
</table>
</body>
</html>

回复：4楼
注意计算精度。。。
而且，负数参与的话，实质上就变成了减法运算。而我方向很明确，加法运算。。。

程序确实有点小问题，我之前测试的时候用的数据太少了- -！
以下是修正版。

<title>次碳酸钴的加法运算 JS版</title>
<style>
    table {width:100%;height:100%;}
    td {height:30%;}
    textarea {width:100%;height:100%;}
</style>
<table>
    <tr>
     <td width="60">加数1</td>
     <td><textarea id="a">3.14159265358979323846264338327950288419716939937510582097494459230781640628620899862803482534211706798</textarea></td>
    </tr>
    <tr>
     <td>加数2</td>
     <td><textarea id="b">2.71828182845904523536028747135266249775724709369995957496696762772407663035354759457138217852516642742</textarea></td>
    </tr>
    <tr>
     <td>和</td>
     <td><textarea readonly="readonly" id="c"></textarea></td>
    </tr>
    <tr>
      <td colspan="2">
        <input type="button" value="计算结果" id="add">
      </td>
    </tr>
</table>
<script>
    function $(e){return document.getElementById(e)};
    $("add").onclick = function(){
      var a = $("a").value,b = $("b").value;
      var n = /^\d*?\.?\d*?$/;
      if(!n.test(a)||!n.test(b)){
        $("c").value = "NaN";
        return false;
      };
      var ia = a.indexOf("."),ib = b.indexOf(".");
      var la = a.length,lb = b.length;
      var pa = ia==-1?0:la-ia-1,pb = ib==-1?0:lb-ib-1;
      p = Math.max(pa,pb);
      var i = p-pa;
      while(i--)a+=0;
      var i = p-pb;
      while(i--)b+=0;
      a = a.replace(/\./g,""),b = b.replace(/\./g,"");
      var c = "";
      var la = a.length,lb = b.length;
      var m = Math.max(la,lb);
      var i = m;
      var q = false;
      while(i--){
        var tmp = Number(a.charAt(i-m+la))+Number(b.charAt(i-m+lb))+q;
        var sq = tmp>9;
        if(sq)tmp-=10;
        c = tmp+c;
        q = sq;
      };
      if(q)c=1+c;
      var ah = c.substr(0,c.length-p),al = c.substr(c.length-p);
      c = ah+(al==""?"":"."+al);
      $("c").value = c;
    };
</script>

4楼程式解决精度问题：
<input type="button" value="计算结果" id="add" onclick="
var $=function(arg){return document.getElementById(arg)}
try { var c = $('a').value*1 + $('b').value*1;
      var p = Math.pow(10,14-Math.round(Math.log(Math.abs(c))/Math.LN10));
      $('c').value = Math.round(c*p)/p;
    }
catch(e) { $('c') ='NaN' }
">

天津三六零快看科技

2025年javascript在线查询，上360文档轻松一键获全国上万款产品测评分析报告!