JavaScript_简易计算器

最新推荐文章于 2022-05-31 15:30:11 发布

YaJeanZhang_

最新推荐文章于 2022-05-31 15:30:11 发布

阅读量490

点赞数 4

分类专栏： JavaScript 文章标签： js javascript 简易计算器

本文链接：https://blog.csdn.net/weixin_43718414/article/details/84636704

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

简易计算器的实现，在页面上实现加减乘除的计算
运用了select标签，对 + - * / 符号形成下拉列表。

<!DOCTYPE html>
<html>
<head>
	<title>简易计算器-丫丫</title>
	<meta charset="utf-8">
	<script LANGUAGE="JavaScript" type="text/javascript">
		function result()
		{
			var anum1 = document.getElementById("num1").value;
			var anum2 = document.getElementById("num2").value;
			var ap = document.getElementById("myselect").value;
			switch(ap)
			{
				case "+":
				var ares =parseFloat(anum1)+parseFloat(anum2);
				document.getElementById("res").value = ares;
				break;
				case "-":
				var ares =parseFloat(anum1)-parseFloat(anum2);
				document.getElementById("res").value = ares;
				break;
				case "*":
				var ares =parseFloat(anum1)*parseFloat(anum2);
				document.getElementById("res").value = ares;
				break;
				case "/":
				var ares =parseFloat(anum1)/parseFloat(anum2);
				document.getElementById("res").value = ares;
				break;
			}
		}
	</script>
</head>
<body>
	<form name="calc" action="check.jsp" method="post">
	<input type="text" name="num1" id="num1" >
	<select id="myselect">
		<option value="+">
			+
		</option>
		<option value="-">
			-
		</option>
		<option value="*">
			*
		</option>
		<option value="/">
			/
		</option>
	</select>
	<input type="text" name="num2" id="num2" >
	<input type="button" value="=" onclick="result()"  >
	<input type="text" name="res" id="res" >
	</form>
</body>
</html>

运行结果截图：
在这里插入图片描述

YaJeanZhang_

关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
JavaScript_简易计算器

简易计算器的实现，在页面上实现加减乘除的计算运用了select标签，对 + - * / 符号形成下拉列表。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;title&amp;gt;简易计算器-丫丫&amp;lt;/title&amp;gt; &amp;lt;meta charset=&amp
复制链接

扫一扫

专栏目录