js实现简单的计算器

最新推荐文章于 2023-10-18 23:32:22 发布

峰峰崛起的我

最新推荐文章于 2023-10-18 23:32:22 发布

阅读量706

点赞数 1

分类专栏：前端 JavaScript 文章标签：计算器 js实现简单计算器

本文链接：https://blog.csdn.net/lw_1220/article/details/90448404

版权

前端同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

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()--判断是不是一个数

峰峰崛起的我

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现简单的计算器

js实现简单的计算器1.实现代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = functio...
复制链接

扫一扫