https://c.runoob.com/front-end/61/

这个链接是一个在线的 JavaScript 计算器，它的实现方式与上面提到的类似，不过它使用了更为完整和复杂的 JavaScript 代码。

具体来说，这个计算器的实现步骤如下：

1. HTML 部分

在 HTML 文件中，创建一个表单，其中包含一个输入框和一些按钮，如下所示：

<form name="calculator">
  <table>
    <tr>
      <td colspan="4">
        <input type="text" name="result" id="result" readonly>
      </td>
    </tr>
    <tr>
      <td><input type="button" value="1" onclick="calculator.result.value += '1'"></td>
      <td><input type="button" value="2" onclick="calculator.result.value += '2'"></td>
      <td><input type="button" value="3" onclick="calculator.result.value += '3'"></td>
      <td><input type="button" value="/" onclick="calculator.result.value += '/'"></td>
    </tr>
    <tr>
      <td><input type="button" value="4" onclick="calculator.result.value += '4'"></td>
      <td><input type="button" value="5" onclick="calculator.result.value += '5'"></td>
      <td><input type="button" value="6" onclick="calculator.result.value += '6'"></td>
      <td><input type="button" value="*" onclick="calculator.result.value += '*'"></td>
    </tr>
    <tr>
      <td><input type="button" value="7" onclick="calculator.result.value += '7'"></td>
      <td><input type="button" value="8" onclick="calculator.result.value += '8'"></td>
      <td><input type="button" value="9" onclick="calculator.result.value += '9'"></td>
      <td><input type="button" value="-" onclick="calculator.result.value += '-'"></td>
    </tr>
    <tr>
      <td><input type="button" value="C" onclick="calculator.result.value = ''"></td>
      <td><input type="button" value="0" onclick="calculator.result.value += '0'"></td>
      <td><input type="button" value="=" onclick="calculator.result.value = eval(calculator.result.value)"></td>
      <td><input type="button" value="+" onclick="calculator.result.value += '+'"></td>
    </tr>
  </table>
</form>

在这个表单中，我们也是使用了一个只读的文本框用于显示计算结果，以及一些按钮用于输入数字和运算符。不同的是，这里的按钮并没有使用函数调用，而是直接在 onclick 属性中编写了 JavaScript 代码。

2. JavaScript 部分

在 JavaScript 文件中，我们需要编写更为复杂的代码来实现计算器的功能。

首先，我们需要定义一个 eval() 函数，用于计算表达式的值：

function eval() {
  try {
    return eval(arguments[0]);
  } catch (e) {
    return 'Error';
  }
}

在这个函数中，我们使用了 try-catch 语句来捕获可能的运行时错误，避免程序崩溃。

接着，我们需要编写一个 calc() 函数，用于将字符串表达式转换为可计算的表达式：

function calc() {
  calculator.result.value = eval(calculator.result.value);
}

在这个函数中，我们使用了 eval() 函数来计算表达式的值，并将计算结果赋值给文本框。

最后，我们需要编写一些函数来处理一些特殊情况，例如小数点、正负号、百分号等。这些函数的具体实现可以参考链接中给出的代码。

通过上述这些步骤，我们就可以实现一个完整的 JavaScript 计算器了。