实现计算器的基本运算然后外加平方功能

要实现一个包含基本运算和平方功能的计算器，你需要结合HTML、CSS和JavaScript。以下是一个基本步骤：

**1. HTML结构**:
创建HTML表单，包括输入框（让用户输入数字）和按钮（分别代表加减乘除和平方操作）：

<input type="number" id="num1" placeholder="第一个数">
<input type="number" id="num2" placeholder="第二个数">
<button onclick="add()">+</button>
<button onclick="subtract()">-</button>
<button onclick="multiply()">*</button>
<button onclick="divide()">/</button>
<button onclick="square()">平方</button>
<div id="display">0</div>

这里有一个初始的0用于显示结果。

**2. JavaScript函数**:
- `add`, `subtract`, `multiply`, 和 `divide` 函数用于执行相应的运算：

function add() {
  let num1 = parseFloat(document.getElementById('num1').value);
  let num2 = parseFloat(document.getElementById('num2').value);
  document.getElementById('display').innerText = num1 + num2;
}

// 其他运算类似
function subtract() { /*...*/ }
function multiply() { /*...*/ }
function divide() { /*...*/ }

- `square` 函数实现平方功能：

function square() {
  let num = parseFloat(document.getElementById('num1').value);
  document.getElementById('display').innerText = Math.pow(num, 2);
}

这些函数会在用户按下对应按钮时调用，根据输入的操作符执行相应的计算。

**3. CSS样式**:
为了美观，你可以添加一些CSS来美化按钮和显示区域。

注意：上述代码未处理错误处理和清除输入框的问题。在实际应用中，你可能还需要添加更多的错误检查和用户体验优化。