天天看点

js实现简单的计算器js实现简单的计算器

js实现简单的计算器

1.实现代码如下

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {
				var otxt1 = document.getElementById('txt1');
				var otxt2 = document.getElementById('txt2');
				var obtn = document.getElementById('btn');

				obtn.onclick = function() {
					var sum = parseInt(otxt1.value) + parseInt(otxt2.value);
					if(isNaN(sum)) {
						alert('您输入的有误');
					} else {
						alert(sum);
					}
				}
			}
		</script>
	</head>

	<body>
		<input type="text" id="txt1" value="" />
		<label>+</label>
		<input type="text" id="txt2" value="" />
		<input type="button" name="" id="btn" value="求和" />
	</body>

</html>
           

实现效果如下图

注意事项:

1.parseInt -- 将字符串转成数字

2.isNaN()--判断是不是一个数

继续阅读