使用html和script语言编写一个简易计算器界面,使用表单控件完成界面设计,要求具有计算功能。
时间: 2024-05-08 07:18:00 浏览: 99
好的,以下是一个简单的计算器界面的HTML和JavaScript代码示例:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>简易计算器</title>
</head>
<body>
<h1>简易计算器</h1>
<form>
<input type="text" name="num1"> + <input type="text" name="num2">
<br><br>
<input type="button" value="计算" onclick="calculate()">
<br><br>
<input type="text" name="result" readonly>
</form>
<script src="calculator.js"></script>
</body>
</html>
```
JavaScript代码(保存为calculator.js):
```javascript
function calculate() {
var num1 = parseFloat(document.getElementsByName("num1")[0].value);
var num2 = parseFloat(document.getElementsByName("num2")[0].value);
var result = num1 + num2;
document.getElementsByName("result")[0].value = result;
}
```
这个计算器界面只能做加法运算,你可以根据需要扩展它的功能。
阅读全文