1. 程式人生 > >用原生js實現數字自相加

用原生js實現數字自相加

</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)
		}