js模拟计算机

最新推荐文章于 2023-12-07 12:41:35 发布

心动留在合肥

最新推荐文章于 2023-12-07 12:41:35 发布

阅读量217

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/hl_1314521/article/details/126928888

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		第一个数：<input type="text" id="one" />+<br>
		第二个数：<input type="text" id="two" />=<br>

		运算符号：<input type="button" name="" id="" value="+" onclick="cal('+')" />
		<input type="button" name="" id="" value="-" onclick="cal('-')" />
		<input type="button" name="" id="" value="*" onclick="cal('*')" />
		<input type="button" name="" id="" value="/" onclick="cal('/')" /><br>
		运算结果：<input type="text" name="result" id="result" value="" />
		<script type="text/javascript">
			function cal(y) {
				var one = document.getElementById("one").value
				var two = document.getElementById("two").value
				var result = 0
				if (isNaN(one)) {
					alert("第一个数不是数字")
				}
				if (isNaN(two)) {
					alert("第二个数不是数字")
				}
				if (y == "+") {
					result = parseFloat(one) + parseFloat(two)
				} else if (y == "-") {
					result = parseFloat(one) - parseFloat(two)
				} else if (y == "*") {
					result = parseFloat(one) * parseFloat(two)
				} else if (y == "/") {
					result = parseFloat(one) / parseFloat(two)
				}
				document.getElementById("result").value = result
			}
		</script>
	</body>
</html>