js获取input输入数内容计算三位数之和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {
				var pt = document.getElementById('pt');
				var btn = document.getElementById('btn');
				btn.onclick = function() {
					var value = pt.value;
					// console.log(value);
					// pt.substr(0,1);
					console.log(value.substr(0, 1));
					console.log(value.substr(1, 1));
					console.log(value.substr(2, 1));
					//第一种方法 拿到百 十 个 位
					// var b = parseInt(value / 100);
					// var s = parseInt(value % 100 / 10);
					// var g = parseInt(value % 10);
					// alert(b + s + g);
					
					//第二种方法 拿到百 十 个 位
					// alert(Number(value.charAt(0)) + Number(value.charAt(1)) + Number(value.charAt(2)));
					
					//第三种方法 拿到百 十 个 位
					alert(Number(value.substr(0, 1)) + Number(value.substr(1, 1)) + Number(value.substr(2, 1)));
				}

			}
		</script>
	</head>
	<body>
		请输入一个3位数:
		<input type="text" name="" id="pt" value="" />
		<button type="button" id="btn">计算</button>
	</body>
</html>

 

posted @ 2022-05-18 16:47  JackieDYH  阅读(10)  评论(0编辑  收藏  举报  来源