利用hb制作简单计算器
时间: 2024-09-12 09:12:49 浏览: 69
Android实现简易计算器源码
HBuilder(HarmonyBook)本身并不直接提供内置的简单计算器功能,但你可以通过HBuilder来构建一个简单的数学应用,例如使用JavaScript或者HTML/CSS/JS结合其框架来创建网页上的计算器。这里我们将展示一个基本的HTML+JavaScript计算器示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.calculator {
width: 200px;
padding: 10px;
border: 1px solid black;
}
input[type=number], button {
width: 50%;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="calculator">
<input type="number" id="display" disabled>
<div id="buttons">
<button onclick="clearDisplay()">C</button>
<button onclick="appendNumber('7')">7</button>
<button onclick="appendNumber('8')">8</button>
<!-- ...重复添加其他数字按钮 -->
<button onclick="calculate()">=</button>
</div>
</div>
<script>
let display = document.getElementById('display');
function appendNumber(num) {
display.value += num;
}
function clearDisplay() {
display.value = '';
}
function calculate() {
try {
let result = eval(display.value);
display.value = result;
} catch (error) {
display.value = "Error!";
}
}
</script>
</body>
</html>
```
这段代码创建了一个基础的计算器界面,用户可以输入数字并点击相应的按钮进行加减乘除操作。当按下等号时,它会尝试对当前显示的表达式进行计算。
请注意,由于涉及到`eval()`函数的安全性问题,在实际生产环境中不推荐使用`eval()`,因为这可能导致XSS攻击。在更复杂的场景下,可能需要使用更专业的数学库或者前端框架来开发安全的计算器。
阅读全文