如何将数字选择器更改为显示加号和减号按钮

<div class="number-picker">
  <button class="decrement">-</button>
  <span class="value">0</span>
  <button class="increment">+</button>
</div>

.number-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  padding: 10px;
  width: 100px;
}

.decrement, .increment {
  padding: 5px 10px;
  border: none;
  background-color: #f0f0f0;
  cursor: pointer;
}

.value {
  margin: 0 10px;
  font-size: 16px;
}

document.addEventListener('DOMContentLoaded', function() {
  const decrementBtn = document.querySelector('.decrement');
  const incrementBtn = document.querySelector('.increment');
  const valueSpan = document.querySelector('.value');

  let currentValue = 0;

  decrementBtn.addEventListener('click', function() {
    currentValue--;
    valueSpan.textContent = currentValue;
  });

  incrementBtn.addEventListener('click', function() {
    currentValue++;
    valueSpan.textContent = currentValue;
  });
});