JQuery未更新更新按钮数值调节

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

<span id="value">0</span>

<button id="increase">增加</button>
<button id="decrease">减少</button>

$(document).ready(function() {
  // 获取按钮和数值元素
  var increaseBtn = $("#increase");
  var decreaseBtn = $("#decrease");
  var valueElement = $("#value");

  // 增加按钮点击事件处理函数
  increaseBtn.click(function() {
    // 获取当前数值
    var currentValue = parseInt(valueElement.text());
    // 增加数值
    currentValue++;
    // 更新数值显示
    valueElement.text(currentValue);
  });

  // 减少按钮点击事件处理函数
  decreaseBtn.click(function() {
    // 获取当前数值
    var currentValue = parseInt(valueElement.text());
    // 减少数值
    currentValue--;
    // 更新数值显示
    valueElement.text(currentValue);
  });
});