如何使计算器在JQuery中添加新的公式，删除旧的取值并替换JQuery中的新按钮值？

// HTML结构示例
<div id="calculator">
  <input type="text" id="formula" readonly>
  <button class="number">1</button>
  <button class="number">2</button>
  <button class="operator">+</button>
  <button class="calculate">=</button>
  <button id="addFormula">添加公式</button>
  <button id="deleteFormula">删除公式</button>
  <div id="result"></div>
</div>

// jQuery代码示例
$(document).ready(function() {
  // 数字按钮点击事件处理程序
  $('.number').click(function() {
    var number = $(this).text();
    var formula = $('#formula').val();
    $('#formula').val(formula + number);
  });
  
  // 运算符按钮点击事件处理程序
  $('.operator').click(function() {
    var operator = $(this).text();
    var formula = $('#formula').val();
    $('#formula').val(formula + operator);
  });
  
  // 等号按钮点击事件处理程序
  $('.calculate').click(function() {
    var formula = $('#formula').val();
    var result = eval(formula); // 使用eval函数计算结果，仅作示例，请注意安全性
    $('#result').text(result);
  });
  
  // 添加公式按钮点击事件处理程序
  $('#addFormula').click(function() {
    var formula = $('#formula').val();
    // 处理公式的逻辑，验证、存储等
    // ...
    // 更新按钮值
    // ...
  });
  
  // 删除公式按钮点击事件处理程序
  $('#deleteFormula').click(function() {
    var formula = $('#formula').val();
    // 处理删除公式的逻辑
    // ...
    // 更新按钮值
    // ...
  });
});