用原生js实现数字自相加

最新推荐文章于 2024-08-22 19:52:30 发布

EthanMao

最新推荐文章于 2024-08-22 19:52:30 发布

阅读量2.1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_21109153/article/details/51078089

版权

这篇博客介绍了如何使用原生JavaScript实现数字自相加。通过获取输入框的值，将其转换为正数并进行字符串拆分，遍历数组并累加每个数字（忽略小数点），最后将结果显示在页面上。在过程中，还包含了错误提示，确保用户输入的是正确数字。

摘要由CSDN通过智能技术生成

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