计算器

最新推荐文章于 2022-03-15 10:22:27 发布

Z0o1010

最新推荐文章于 2022-03-15 10:22:27 发布

阅读量137

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_48732879/article/details/109202317

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/Test.js"></script>
	</head>
	<body>
		<form action="" name="calcform">
			<table width="388" height="80" border="0">
				<tr>
					<td width="127">第一个数</td>
					<td width="131">第二个数</td>
					<td width="116">结果</td>
				</tr>
				<tr>
					<td><input type="text" name="first" size="12" /></td>
					<td><input type="text" name="second" size="12" /></td>
					<td><input type="text" name="result" size="14" /></td>
				</tr>
				<tr>
					<td colspan="3">运算类型：
						<input type="button" value="+" onclick="calc('+')"/>
						<input type="button" value="-" onclick="calc('-')"/>
						<input type="button" value="*" onclick="calc('*')"/>
						<input type="button" value="/" onclick="calc('/')"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

Test.js

function calc(sign) {
	var firstValue = document.calcform.first.value;
	var secondValue = document.calcform.second.value;
	var resultValue;
	if(isNaN(firstValue)){
		alert("第一个数字不合法！")
		return;
	}
	if(isNaN(secondValue)){
		alert("第二个数字不合法！")
		return;
	}
	var num1 = parseFloat(firstValue);
	var num2 = parseFloat(secondValue);

	if(sign == "+") {
		resultValue = num1 + num2;
	}
	if(sign == "-") {s
		resultValue = num1 - num2;
	}
	if(sign == "*") {
		resultValue = num1 * num2;
	}
	if(sign == "/") {
		if(firstValue == "0"){
			alert("除数不能为0！")
			return;
		}else{
			resultValue = num1 / num2;
		}
	}
	document.calcform.result.value = resultValue;
}