用js实现增加减少数量

<div>
  <button id="decrement">-</button>
  <span id="quantity">0</span>
  <button id="increment">+</button>
</div>

// 获取DOM元素
const quantityElement = document.getElementById('quantity');
const incrementButton = document.getElementById('increment');
const decrementButton = document.getElementById('decrement');

// 初始化数量
let quantity = 0;

// 更新显示的数量
function updateQuantity() {
  quantityElement.textContent = quantity;
}

// 增加数量的事件处理函数
incrementButton.addEventListener('click', () => {
  quantity++;
  updateQuantity();
});

// 减少数量的事件处理函数
decrementButton.addEventListener('click', () => {
  if (quantity > 0) {
    quantity--;
    updateQuantity();
  }
});

// 初始化显示
updateQuantity();