用JavaScript创建一个计算器

在JavaScript中创建一个简单的计算器可以分为以下几个步骤：

1. **HTML结构**:
首先，你需要在HTML中添加一些输入框、按钮以及显示结果的地方。例如：

   <input type="text" id="display" disabled>
   <br/>
   <button onclick="clearDisplay()">C</button>
   <button onclick="appendNumber('7')">7</button>
   <!-- ... 更多数字按钮 -->
   <button onclick="performOperation('+')">+</button>
   <!-- 添加更多运算符按钮如 - * / -->

2. **JavaScript函数**:
- **`clearDisplay()`**: 清空显示区域
- **`appendNumber(num)`**: 将数字加到显示区
- **`performOperation(op)`**: 根据操作符计算并更新显示区

let display = document.getElementById('display');
let currentNum = '';
let operation = null;

function appendNumber(num) {
  currentNum += num;
  display.value = currentNum;
}

function performOperation(op) {
  if (!currentNum || op === 'C') {
    clearDisplay();
    return;
  }
  let result = eval(currentNum + op);
  currentNum = result.toString();
  display.value = currentNum;
}

function clearDisplay() {
  display.value = '';
  currentNum = '';
}

3. **安全注意事项**:
使用`eval()`有风险，因为它会执行字符串内容作为JavaScript代码。为了安全起见，在实际项目中通常会使用更复杂的方式处理表达式，比如将数学运算转化为数组操作。

**相关问题--:**
1. JavaScript计算器如何处理用户输入的非法字符？
2. 如何改进这个计算器使其支持小数点和历史记录功能？
3. 如何利用事件委托提高性能？