使用JavaScript完成一个简易计算器的功能

最新推荐文章于 2023-09-18 09:54:05 发布

好吃不腻

最新推荐文章于 2023-09-18 09:54:05 发布

阅读量1.7k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45704735/article/details/109199356

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用JavaScript完成一个简易计算器的功能

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>简单的计算器</title>

	</head>
	<body>
		<input type="text" id="num1" placeholder="请输入一个数字" />
		<select id="operation">
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		<input type="text" id="num2" placeholder="请输第二个数字" />
		<input type="button" value="计算" onclick="result()" /><br />
		<span id="res"> </span><br />

		<script type="text/javascript">
			function result() {
				//1.获取输入框的数据
				var num1 = Number(document.getElementById("num1").value);
				var operation = document.getElementById("operation").value;
				var num2 = Number(document.getElementById("num2").value);
				if (isNaN(num1) || isNaN(num2)) {
					alert("您输入的数字不正确");
					return;
				}
				if (operation == "/" && num2 == 0) {
					alert("被除数不能为零");
					return;
				}
				//2.计算
				var res = "";
				switch (operation) {
					case "+":
						res = num1 + num2;
						break;
					case "-":
						res = num1 - num2;
						break;
					case "*":
						res = num1 * num2;
						break;
					case "/":
						res = num1 / num2;
						break;
						// default:
						// 	alert("你输入的操作符不正确");
				}
				//3.显示结果
				document.getElementById("res").innerText = "计算结果  " + res;
			}
		</script>

	</body>
</html>

好吃不腻

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
使用JavaScript完成一个简易计算器的功能

使用JavaScript完成一个简易计算器的功能<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>简单的计算器</title> </head> <body> <input type="text" id="num1" placeholder="请输入一个数字" /> <select id="oper
复制链接

扫一扫

专栏目录