Javascript怪异如果不工作

Question

任何人都知道为什么showToast总是弹出，即使所需数量大于inventoryCount？

  function checkavailable(){
  var desiredquantity = document.getElementById("bin-Qty").value;
  var inventoryCount = document.getElementById("bin-binItem-quantity").value;
  var itemName = document.getElementById("bin-binItem").value;
  if(desiredquantity > inventoryCount)
  {
    console.log(desiredquantity);
    showToast('There are only ' +inventoryCount +' '+itemName+' left');
  }
  else
  {
    addToTransfer();
  }
}

我有一个调用checkavailable的按钮

<button type="button"
   onclick ="checkavailable();">
</button>

Answer 1

请将其转换为第一个

喜欢这个

if (+desiredquantity > +inventoryCount) { // + will parse it as number
  console.log(desiredquantity);
  showToast('There are only ' + inventoryCount + ' ' + itemName + ' left');
} else {
  addToTransfer();
}

或者，如果值为整数，则可以使用 parseInt ，如果值为float，则使用 parseFloat

喜欢这个

if (parseInt(desiredquantity) > parseInt(inventoryCount)) {
  console.log(desiredquantity);
  showToast('There are only ' + inventoryCount + ' ' + itemName + ' left');
} else {
  addToTransfer();
}