Как при изменении значения input отследить что новое число меньше чем введенное ранее в этот же input?

Question

[bpGusar]

Ввел в Input число 1
Потом через 2 секунды ты добавил к этой 1 цифру 4 и получилось 14
Как отследить то что следующее введенное значение больше предыдущего?

Comments

[AlexaZem]

Как вариант, отслеживать на события keydown и keyup, в keydown не будет нового значения

Answer 1

[0xD34F]

$('input').on('input', function() {
  const
    $this = $(this),
    newVal = +$this.val(),
    oldVal = +$this.data('oldVal') || 0;

  if (oldVal !== newVal) {
    console.log(`новое ${['больше', 'меньше'][+(oldVal > newVal)]}`);
  }

  $this.data('oldVal', newVal);
});

Comments

[bpGusar]

не работает чет

[0xD34F]

bpGusar, не выдумывайте, работает.

[bpGusar]

0xD34F, хм, значит что то у меня не так, сек

[bpGusar]

0xD34F, да,всё работает, спасибо

[bpGusar]

0xD34F, как мне загнать больше либо меньше в переменную?

[0xD34F]

bpGusar, не понял вопроса, разверните свою мысль.

[bpGusar]

0xD34F, разобрался, не поставил `

[bpGusar]

0xD34F, вот это я имел ввиду

var type = `${['add', 'del'][+(oldVal > newVal)]}`;

я сделал так
var type = ${['add', 'del'][+(oldVal > newVal)]};

и выдавало ошибку, загуглил и понял что нужны ковычки

[bpGusar]

0xD34F, твоя помощь неоценима крч ))

[bpGusar]

0xD34F, а можешь еще расшифровать что происходит в твоем коде? я с таким еще не сталкивался и хочу понять че да как с максимальной точностью

[0xD34F]

var type = `${['add', 'del'][+(oldVal > newVal)]}`;

В данном случае в использовании шаблонной строки нет необходимости, можно просто

var type = ['add', 'del'][+(oldVal > newVal)];

а можешь еще расшифровать что происходит в твоем коде?

Вы про ['add', 'del'][+(oldVal > newVal)]?

В зависимости от условия надо назначить переменной значение. Делаем массив возможных значений, а выбор осуществляем путём преобразования результата проверки условия (тип boolean) в целое число - индекс массива (унарный оператор + преобразовывает операнд в число). То есть, false превращается в 0, true в 1.

А вообще, так, конечно, писать не надо, есть более общепринятый способ:

oldVal > newVal ? 'del' : 'add'