HTML设计一个简易计算器。要求:如用户输入1,则弹出两个输入框,依次让用户输入两个操作数,然后进行加法运算,并把运算结果展示给用户,然后再返回开始界面。用户输入2,3,4依次进行相应运算,输入5则退出程序。
时间: 2024-05-01 08:22:40 浏览: 136
以下是一个基本的实现,用HTML和JavaScript编写:
```html
<!DOCTYPE html>
<html>
<head>
<title>简易计算器</title>
<script>
function calculate(operator) {
var num1 = parseFloat(prompt("请输入第一个操作数:"));
var num2 = parseFloat(prompt("请输入第二个操作数:"));
var result;
switch(operator) {
case "add":
result = num1 + num2;
break;
case "subtract":
result = num1 - num2;
break;
case "multiply":
result = num1 * num2;
break;
case "divide":
result = num1 / num2;
break;
}
alert("运算结果为:" + result);
location.reload();
}
</script>
</head>
<body>
<h1>简易计算器</h1>
<p>请选择一项运算:</p>
<button onclick="calculate('add')">加法</button>
<button onclick="calculate('subtract')">减法</button>
<button onclick="calculate('multiply')">乘法</button>
<button onclick="calculate('divide')">除法</button>
<button onclick="location.reload()">退出</button>
</body>
</html>
```
该程序中,我们使用了`switch`语句根据用户选择的运算符进行相应的计算。我们还使用了`parseFloat`函数将用户输入的操作数转换为浮点数,以确保正确的计算结果。最后,我们使用`alert`函数将计算结果展示给用户,并使用`location.reload()`函数返回到开始界面。
阅读全文