编写HTML页面两个文本框用于输入数据4个按钮用于完成加减乘除运算最后一个文本框显示计算结果。编写calc函数获取并转换输入的数据判断不合法给出提示调用指定函数完成相关计算。编写函数实现加、减、乘、除运算。
<!DOCTYPE html>
<html>
<head>
<title>简单计算器</title>
<script type="text/javascript">
function calc() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result = document.getElementById("result");
<pre><code> // 判断输入是否合法
if (isNaN(num1) || isNaN(num2)) {
alert("请输入数字!");
return;
}
// 调用相应函数完成计算
switch(operator) {
case "+":
result.value = add(num1, num2);
break;
case "-":
result.value = subtract(num1, num2);
break;
case "*":
result.value = multiply(num1, num2);
break;
case "/":
if (num2 === 0) {
alert("除数不能为0!");
return;
}
result.value = divide(num1, num2);
break;
default:
alert("请选择运算符!");
}
}
// 加法函数
function add(num1, num2) {
return num1 + num2;
}
// 减法函数
function subtract(num1, num2) {
return num1 - num2;
}
// 乘法函数
function multiply(num1, num2) {
return num1 * num2;
}
// 除法函数
function divide(num1, num2) {
return num1 / num2;
}
</script>
</code></pre>
</head>
<body>
<h1>简单计算器</h1>
<p>请输入两个数字进行加减乘除运算:</p>
<input type="text" id="num1" placeholder="请输入第一个数字">
<input type="text" id="num2" placeholder="请输入第二个数字">
<select id="operator">
<option value="">请选择运算符</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<button onclick="calc()">计算</button>
<input type="text" id="result" placeholder="计算结果">
</body>
</html
原文地址: https://www.cveoy.top/t/topic/cpnG 著作权归作者所有。请勿转载和采集!