用原生js实现数字自相加

<div>
        <input type="text"  id="num" value="-12.345px" />
        <input type="button" value="这里随意输入都可以" id="btn"/>
        <p id="res"></p>
    </div>

        var num = document.getElementById('num');
        var btn = document.getElementById('btn');
        var res = document.getElementById('res');
        btn.onclick = function(){
            var ary = [];
            var total = 0;
            var a = Math.abs(parseFloat(num.value));//  这里用Math.abs可以将负号去掉、用parseFloat截取数字（包含小数部分）
             console.log(a)
        if(isNaN(a)){
            alert("请输入正确的数字 制作人：毛凯祺 QQ31732521");
        }
        a = a.toString();//将截取的数字转换成字符串
        //alert(a.toString())
        for(var i = 0 ;i<a.length;i++){

            ary.push(a.substring(i,i+1))//根据秘籍记载是返回截取从第n个到第m个字符（不包括m）那么i就是从第0个开始 i+1就是每次截取一个 如此循环 就可以吧一个a字符串里面每一个都单独截取出来了 
        }
        console.log(ary)
        for(var i = 0 ;i<ary.length;i++){
            if(ary[i] == "."){//判断小数点，若有则跳出本轮执行下一轮循环；
                continue;
            }
          total+=Number(ary[i]);
        }
        res.innerHTML = total;
        console.log(total)
        }