用原生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)
}