如何在JavaScript中正确更新小计？

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

// 获取小计元素的引用
var subtotal = document.getElementById("subtotal");

// 假设有两个输入框分别用于输入数量和单价
var quantityInput = document.getElementById("quantity");
var priceInput = document.getElementById("price");

// 监听输入框的变化事件，当输入框的值发生变化时更新小计
quantityInput.addEventListener("input", updateSubtotal);
priceInput.addEventListener("input", updateSubtotal);

// 更新小计的函数
function updateSubtotal() {
  // 获取数量和单价的值
  var quantity = parseInt(quantityInput.value);
  var price = parseFloat(priceInput.value);

  // 计算小计值
  var subtotalValue = quantity * price;

  // 更新小计的显示
  subtotal.innerHTML = subtotalValue;
}