web简易计算器，使用ES6新特性

Web简易计算器是一个简单的HTML、CSS和JavaScript应用，利用了ES6（ECMAScript 6）的新特性和语法。以下是使用ES6的一些关键点：

1. **箭头函数**：可以创建更简洁的回调函数，如 `(x, y) => x + y`，代替传统的 `function(x, y) { return x + y; }`。

2. **模板字符串（Template literals）**：使用反引号 (``) 括起的文本更容易处理字符串插值，例如 `let result = `${x} + ${y}`。

3. **let 和 const 声明变量**：避免了全局作用域污染，让代码块内声明的变量只在该范围内有效。

4. **解构赋值**：可以从数组或对象中直接提取并赋值，如 `let [num1, num2] = [5, 10];`。

5. **Array 方法**：比如 `.map()` 和 `.reduce()`，可用于计算数组操作，简化复杂循环。

6. **模块化（import/export）**：ES6引入了模块系统，使得文件组织更清晰，通过 `export` 导出函数或变量，`import` 从其他模块导入。

示例代码片段：

// ES6简易计算器
const add = (x, y) => x + y;
const subtract = (x, y) => x - y;

function calculate(type, a, b) {
  switch (type) {
    case 'add':
      return add(a, b);
    case 'subtract':
      return subtract(a, b);
    // 添加更多case...
  }
}

const inputA = document.getElementById('a');
const inputB = document.getElementById('b');
const buttonAdd = document.getElementById('add-button');
const buttonSubtract = document.getElementById('subtract-button');

buttonAdd.addEventListener('click', () => {
  const num1 = Number(inputA.value);
  const num2 = Number(inputB.value);
  console.log(calculate('add', num1, num2));
});

buttonSubtract.addEventListener('click', () => {
  const num1 = Number(inputA.value);
  const num2 = Number(inputB.value);
  console.log(calculate('subtract', num1, num2));
});