a 编写HTML页面两个文本框用于输入数据4个按钮用于完成加减乘除运算最后一个文本框显示计算结果。b 编写calc函数获取并转换输入的数据判断不合法给出提示调用指定函数完成相关计算。c 编写函数实现加、减、乘、除运算。
a) HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>简单计算器</title>
</head>
<body>
<input type="text" id="num1" placeholder="请输入数字1">
<input type="text" id="num2" placeholder="请输入数字2">
<br><br>
<button onclick="add()">加</button>
<button onclick="subtract()">减</button>
<button onclick="multiply()">乘</button>
<button onclick="divide()">除</button>
<br><br>
<input type="text" id="result" placeholder="计算结果" readonly>
</body>
</html>
b) JavaScript代码:
function calc(operation) {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
if (isNaN(num1) || isNaN(num2)) {
alert("请输入数字");
return;
}
var result = 0;
switch(operation) {
case "add":
result = add(num1, num2);
break;
case "subtract":
result = subtract(num1, num2);
break;
case "multiply":
result = multiply(num1, num2);
break;
case "divide":
result = divide(num1, num2);
break;
}
document.getElementById("result").value = result;
}
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) {
if (num2 === 0) {
alert("除数不能为0");
return;
}
return num1 / num2;
}
c) 四个运算函数已在b)中给出
原文地址: https://www.cveoy.top/t/topic/cpeU 著作权归作者所有。请勿转载和采集!