js如何写下拉式计算器

一个下拉式计算器可以让用户从下拉菜单中选择操作符，而不是手动输入符号。下面是一个基本的示例：

1. 在HTML文件中创建一个表单，包含两个输入框和一个下拉菜单。

<form>
  <input type="number" id="num1">
  <select id="operator">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
  </select>
  <input type="number" id="num2">
  <br>
  <button onclick="calculate()">计算</button>
  <input type="text" id="result" readonly>
</form>

2. 在JavaScript文件中编写一个函数，处理计算操作。

function calculate() {
  var num1 = parseInt(document.getElementById("num1").value);
  var operator = document.getElementById("operator").value;
  var num2 = parseInt(document.getElementById("num2").value);
  var result;

  switch (operator) {
    case "+":
      result = num1 + num2;
      break;
    case "-":
      result = num1 - num2;
      break;
    case "*":
      result = num1 * num2;
      break;
    case "/":
      result = num1 / num2;
      break;
    default:
      alert("请选择一个操作符");
      return;
  }

  document.getElementById("result").value = result;
}

3. 运行代码，在浏览器中打开HTML文件，选择一个操作符并输入两个数字，然后点击“计算”按钮，就可以得到计算结果了。

这个示例中，我们使用了一个 `switch` 语句来处理不同的操作符。如果用户没有选择一个操作符，我们将使用 `alert` 函数来提醒用户。最后，我们将计算结果显示在一个只读文本框中。