JavaScript实现简易计算器

最新推荐文章于 2023-10-25 12:37:33 发布

南山 ing

最新推荐文章于 2023-10-25 12:37:33 发布

阅读量272

点赞数

分类专栏： web 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_49919737/article/details/126589270

版权

web 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		第一个数:<input type="text" id="first" /><br />
		第二个数:<input type="text" id="second" /><br />
		<button onclick="cal('+')">+</button>
		<button onclick="cal('-')">-</button>
		<button onclick="cal('*')">*</button>
		<button onclick="cal('/')">/</button><br />
		结果:<input type="text" id="res" />
		<script>
			//函数外的代码，只会在页面载入时执行一次
			//函数可以被调用执行多次
			//1,获取两个input标签
			var _first = document.querySelector("#first");
			var _second = document.querySelector("#second");
			var _res = document.querySelector("#res");
			//加
			function cal(params) {
				//2、获取用户输入的值
				//获取表单的值
				var a = parseFloat(_first.value);
				var b = parseFloat(_second.value);
				var sum = eval(a + params + b);
				//3、将结果放入input中
				_res.value = sum;
			}
		</script>
	</body>
</html>