如何创建一个持续更新的文本框，以便在添加项目后立即显示更新的小计？

<textarea id="input"></textarea>
<span id="subtotal"></span>

const input = document.getElementById('input');
const subtotal = document.getElementById('subtotal');

input.addEventListener('input', updateSubtotal);

function updateSubtotal() {
  const text = input.value;
  const subtotalValue = calculateSubtotal(text);
  subtotal.textContent = subtotalValue;
}

function calculateSubtotal(text) {
  // 根据文本内容进行计算，例如统计字符数、单词数等
  // 返回计算结果
}

#input {
  width: 300px;
  height: 100px;
}

#subtotal {
  font-weight: bold;
}