用原生js實現數字自相加
阿新 • • 發佈:2019-02-12
</pre><pre name="code" class="javascript">
<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) }