如何根据增量和减量按钮的输入多次显示有输入的卡片？

<div id="card-container"></div>
<button id="increment-btn">增量</button>
<button id="decrement-btn">减量</button>

// 获取卡片容器和增量、减量按钮
var cardContainer = document.getElementById('card-container');
var incrementBtn = document.getElementById('increment-btn');
var decrementBtn = document.getElementById('decrement-btn');

// 增量按钮点击次数
var incrementCount = 0;

// 增量按钮点击事件处理函数
incrementBtn.addEventListener('click', function() {
  incrementCount++;
  var input = document.createElement('input');
  input.type = 'text';
  input.placeholder = '请输入内容';
  var submitBtn = document.createElement('button');
  submitBtn.textContent = '提交';
  submitBtn.addEventListener('click', function() {
    var card = document.createElement('div');
    card.textContent = input.value;
    cardContainer.appendChild(card);
  });
  cardContainer.appendChild(input);
  cardContainer.appendChild(submitBtn);
});

// 减量按钮点击事件处理函数
decrementBtn.addEventListener('click', function() {
  if (incrementCount > 0) {
    var inputs = cardContainer.getElementsByTagName('input');
    var submitBtns = cardContainer.getElementsByTagName('button');
    cardContainer.removeChild(inputs[inputs.length - 1]);
    cardContainer.removeChild(submitBtns[submitBtns.length - 1]);
    incrementCount--;
  }
});