一个简陋的计算器制作。。。

最新推荐文章于 2022-10-11 19:38:10 发布

擅长捉弄的高木同学

最新推荐文章于 2022-10-11 19:38:10 发布

阅读量215

点赞数 2

本文链接：https://blog.csdn.net/weixin_44424864/article/details/100863647

版权

计算器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>计算器</title>
	</head>
	<body>
		<h2>简单计算器</h2>
		
		<form>
			第一个数:<input type="text" name="number1" id="num1" />
			<br />
			<br />
			第二个数:<input type="text" name="number2" id="num2" />
			<br />
			<br />
			<input type="button" value="+" onclick="compute(this.value)"/>	&nbsp;&nbsp;&nbsp;
			<input type="button" value="-" onclick="compute(this.value)"/>	&nbsp;&nbsp;&nbsp;	
			<input type="button" value="*" onclick="compute(this.value)"/>	&nbsp;&nbsp;&nbsp;	
			<input type="button" value="/" onclick="compute(this.value)"/>	&nbsp;&nbsp;&nbsp;
			<br />
			<br />
			计算结果:<input type="text" name="number3" id="num3" />
		</form>
		
		<script type="text/javascript">
			function compute(obj){
				var Number1 = Number(document.getElementById("num1").value);
				var Number2 = Number(document.getElementById("num2").value);
				var result=0;
				if(isNaN(Number1)||isNaN(Number2)){
					alert("你输入的数字包含字符，请重新输入！！");
					return false;
				}
				else{
					switch(obj){
						case "+":
							result = Number1 + Number2;
							break;
						case "-":
							result = Number1 - Number2;
							break;
						case "*":
							result = Number1 * Number2;
							break;
						case "/":
							if(Number2==0){
								alert("除数不能为0,请重新输入！！");
							}else{
								result = Number1 / Number2;
							}
							break;
					}
					//最后输出保留两位小数
					document.getElementById("num3").value = result.toFixed(2);
				}
			}
		</script>
	</body>
</html>