使用js 输出一个简单的计算器
时间: 2024-05-09 07:18:09 浏览: 10
好的,以下是一段用JavaScript实现简单计算器的代码:
```
<html>
<head>
<title>简易计算器</title>
<script type="text/javascript">
// 定义计算器的四个基本运算
function add(a, b) { return a + b; }
function minus(a, b) { return a - b; }
function multiply(a, b) { return a * b; }
function divide(a, b) { return a / b; }
// 根据用户选择的操作符来调用对应的函数
function calculator() {
var n1 = parseFloat(document.getElementById("num1").value);
var n2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
switch(operator) {
case "+": result = add(n1, n2); break;
case "-": result = minus(n1, n2); break;
case "*": result = multiply(n1, n2); break;
case "/": result = divide(n1, n2); break;
}
document.getElementById("result").innerHTML = "计算结果:" + result;
}
</script>
</head>
<body>
<h3>简易计算器</h3>
<input id="num1" type="number" placeholder="数字1"><br>
<input id="num2" type="number" placeholder="数字2"><br>
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select><br>
<button onclick="calculator()">计算</button><br>
<div id="result"></div>
</body>
</html>
```
希望对你有所帮助!