JavaScript如何制作简易的计算器
时间: 2023-09-28 18:12:46 浏览: 107
javascript制作简易计算器
您可以使用JavaScript来制作一个简易的计算器,以下是一个示例:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript计算器</title>
</head>
<body>
<h1>JavaScript计算器</h1>
<input type="text" id="input">
<br><br>
<button onclick="add()">+</button>
<button onclick="subtract()">-</button>
<button onclick="multiply()">*</button>
<button onclick="divide()">/</button>
<button onclick="clearInput()">清除</button>
<br><br>
<button onclick="calculate()">计算</button>
<br><br>
<p id="result"></p>
</body>
</html>
```
JavaScript代码:
```javascript
function add() {
document.getElementById("input").value += "+";
}
function subtract() {
document.getElementById("input").value += "-";
}
function multiply() {
document.getElementById("input").value += "*";
}
function divide() {
document.getElementById("input").value += "/";
}
function clearInput() {
document.getElementById("input").value = "";
document.getElementById("result").innerHTML = "";
}
function calculate() {
var input = document.getElementById("input").value;
var result = eval(input);
document.getElementById("result").innerHTML = result;
}
```
通过上述代码,您可以在浏览器中运行一个简易的计算器。在输入框中输入算式,点击计算按钮即可得出结果,同时也提供了加减乘除和清除功能。
阅读全文