<!--在文本框分别输入两个数，实现两个数的+、-、*、/运算，点击“=按钮”将结果显示在文本框中。-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Operation</title>
<script type="text/javascript" src="../JS/jquery-3.4.1.min.js"></script>
<script>
function operate() {
var n1 = $("#num1").val();
var n2 = $("#num2").val();
var op = $("#op").val();
var res = $("#result").val();
var reg = /(^[\-0-9][0-9]*(.[0-9]+)?)$/; //判断是否为数字
if (!reg.test(n1) || !reg.test(n2)) {
alert("检测到非数字，请您重新输入！");
return false;
} else if (op == '/' && n2 == 0) {
alert("除数不能为0，请重新输入！");
n2 = '';
return false;
} else {
// 如果参数是表达式，则eval计算表达式
res = eval(n1 + op + n2);
f.result.value = res;
return true;
}
}
</script>
</head>
<body style="width: 50%; margin: 200px auto">
<form name="f">
请输入两个数进行简单的运算：<br><br>
<!-- 输入第一位数-->
<input type="text" id="num1" value=""/>
<!-- 算数选择器-->
<select id="op">
<option value='+'> +</option>
<option value='-'> -</option>
<option value='*'> ×</option>
<option value='/'> ÷</option>
</select>
<!-- 输入第二位数-->
<input type="text" id="num2" value=""/>
<!-- 添加'='按钮-->
<input type="button" value="=" onclick="operate()"/>
<!-- 输出结果：只可查看-->
<input type="text" id="result" value="" readonly/>
</form>
</body>
</html>
