重新分配输入字段，使用JQuery和JavaScript的简单计算器

<form id="calculator">
  <input type="text" id="num1" placeholder="输入第一个数字">
  <input type="text" id="num2" placeholder="输入第二个数字">
  <button type="button" id="add">加</button>
  <button type="button" id="subtract">减</button>
  <button type="button" id="multiply">乘</button>
  <button type="button" id="divide">除</button>
  <input type="text" id="result" placeholder="计算结果" readonly>
</form>

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

$(document).ready(function() {
  // 加法
  $("#add").click(function() {
    var num1 = parseFloat($("#num1").val());
    var num2 = parseFloat($("#num2").val());
    var result = num1 + num2;
    $("#result").val(result);
  });

  // 减法
  $("#subtract").click(function() {
    var num1 = parseFloat($("#num1").val());
    var num2 = parseFloat($("#num2").val());
    var result = num1 - num2;
    $("#result").val(result);
  });

  // 乘法
  $("#multiply").click(function() {
    var num1 = parseFloat($("#num1").val());
    var num2 = parseFloat($("#num2").val());
    var result = num1 * num2;
    $("#result").val(result);
  });

  // 除法
  $("#divide").click(function() {
    var num1 = parseFloat($("#num1").val());
    var num2 = parseFloat($("#num2").val());
    var result = num1 / num2;
    $("#result").val(result);
  });
});