设计一款简单的计算器应用程序，它可以执行加、减、乘、除四种基本运算。
这是一个简单的计算器应用程序的基本实现：

1. 创建一个用于显示数字和结果的文本框。
2. 创建四个按钮，代表加、减、乘、除四种基本运算。
3. 创建10个数字按钮，分别表示0-9十个数字。
4. 添加事件监听器到所有的按钮，当按钮被点击时，执行相应的操作。
5. 使用JavaScript编写逻辑，实现基本的加、减、乘、除计算逻辑，并将结果显示到文本框中。

代码示例：（HTML、CSS部分省略）

```
// JavaScript代码
let firstNum = '';
let operator = '';
let secondNum = '';
let result = '';

function clearAll() {
  firstNum = '';
  operator = '';
  secondNum = '';
  result = '';
  document.getElementById('result').value = '';
}

function calculate() {
  if (operator === '+') {
    result = parseFloat(firstNum) + parseFloat(secondNum);
  } else if (operator === '-') {
    result = parseFloat(firstNum) - parseFloat(secondNum);
  } else if (operator === '*') {
    result = parseFloat(firstNum) * parseFloat(secondNum);
  } else if (operator === '/') {
    result = parseFloat(firstNum) / parseFloat(secondNum);
  }
  document.getElementById('result').value = result;
}

function handleNumberClick(number) {
  if (!operator) {
    firstNum += number;
    document.getElementById('result').value = firstNum;
  } else {
    secondNum += number;
    document.getElementById('result').value = secondNum;
  }
}

function handleOperatorClick(op) {
  operator = op;
}

// 添加事件监听器到按钮，触发相应的函数
document.getElementById('clear').addEventListener('click', clearAll);
document.getElementById('equal').addEventListener('click', calculate);

const numberButtons = document.querySelectorAll('.number');
numberButtons.forEach((button) =>
  button.addEventListener('click', (event) =>
    handleNumberClick(event.target.value)
  )
);

const operatorButtons = document.querySelectorAll('.operator');
operatorButtons.forEach((button) =>
  button.addEventListener('click', (event) =>
    handleOperatorClick(event.target.value)
  )
);
```

注释：这个代码示例基于HTML、CSS中需要存在的其他代码，索引部分省略了。