javascript - 增加和减少检查不起作用 10、100、1000 等

Question

我尝试检查我的输入是否增加或减少，除了数字 10、100、1000 等之外，这都很好。我已经尝试了几个代码，但没有一个能工作。以下是一些示例:

$(document).ready(function(){
  var professional = $("#professional");
  var oldValue = professional.val();
  professional.data("oldValue", oldValue);
  
  $("#professional").change(function(){
    var oldValue = $(this).data("oldValue");
    var newValue = $(this).val();
    if (newValue > oldValue)
        alert("increase!");
     else
         alert("decrease!");
    $(this).data("oldValue", newValue);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="quantity">
  <label for="professional">Professional</label><br>
  <input type="number" class="price" id="professional" min="0" value="9">
</div>

$(document).ready(function() {
  $("#professional").attr('data-prev-val', $("#professional").val());
  $("#professional").change(function() {
    var newValue = $(this).val();
    if (newValue > $(this).attr('data-prev-val'))
      alert("increase!");
    else
      alert("decrease!");

    $("#professional").attr('data-prev-val', newValue);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="quantity">
  <label for="professional">Professional</label><br>
  <input type="number" class="price" id="professional" min="0" value="9">
</div>

还有其他方法，但它们都有同样的问题。有谁知道这是为什么以及如何解决？

Answer 1

这是因为您是按字母顺序而不是按数字比较值

试试这个:

var oldValue = Number($(this).data("oldValue"));
var newValue = Number($(this).val());
if (newValue > oldValue) ...