使用VScode制作一个只要能实现加减乘除的简易计算器,要求使用button标签
时间: 2024-06-04 21:11:49 浏览: 8
<!DOCTYPE html>
<html>
<head>
<title>简易计算器</title>
</head>
<body>
<h1>简易计算器</h1>
<input type="text" id="result" disabled><br><br>
<button onclick="clearResult()">清空</button>
<button onclick="backspace()">退格</button>
<br><br>
<button onclick="add('+')">+</button>
<button onclick="add('-')">-</button>
<button onclick="add('*')">*</button>
<button onclick="add('/')">/</button>
<br><br>
<button onclick="add('7')">7</button>
<button onclick="add('8')">8</button>
<button onclick="add('9')">9</button>
<button onclick="add('(')">(</button>
<br><br>
<button onclick="add('4')">4</button>
<button onclick="add('5')">5</button>
<button onclick="add('6')">6</button>
<button onclick="add(')')">)</button>
<br><br>
<button onclick="add('1')">1</button>
<button onclick="add('2')">2</button>
<button onclick="add('3')">3</button>
<button onclick="calculate()">=</button>
<br><br>
<button onclick="add('0')">0</button>
<button onclick="add('.')">.</button>
</body>
<script>
var result = document.getElementById("result");
function add(value) {
result.value += value;
}
function clearResult() {
result.value = "";
}
function backspace() {
result.value = result.value.slice(0, -1);
}
function calculate() {
try {
result.value = eval(result.value);
} catch (error) {
alert("输入有误,请重新输入!");
result.value = "";
}
}
</script>
</html>
相关推荐
![py](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)