Как получить предыдущее значение input на чистом js?

Question

[Ruslan Zamuraev]

Имеется input text, и при каждом изменении в нем, в переменную "counter" записывается его значение, но как я могу в переменную "prevCounter" записать старое значение? Например: ввели 12345, при этом "prevCounter" должен быть равен 1234.

Comments

[szQocks]

к чему это тебе ? поиск делать или что ?

[Ruslan Zamuraev]

szQocks, Для сравнения предыдущего с тем что есть

Answer 1

[FKV]

ну так перед записью в переменную counter в ней будет содержаться старое значение.

Comments

[Ruslan Zamuraev]

Не совсем понимаю, то-есть не понимаю как этим воспользоваться

[FKV]

Не знаю вашу конечную цель, но например так,

const input = document.querySelector('input');
let counter = input.value
input.addEventListener('input', (e) => {
  counter = counter.length > e.targert.value.length ? counter : e.target.value
})

В строке

counter = counter.length > e.targert.value.length ? counter : e.target.value

проверяем, если длина строки counter (то есть старое значение) больше чем новое значение ( e.targert.value), то оставляем в переменной counter старое значение(counter), иначе переменной counter присваеваем новое значение ( e.targert.value)

[FKV]

Или на примере ваших переменных

const input = document.querySelector('input');
let counter = input.value
input.addEventListener('input', (e) => {
  let prevCounter = counter
 counter = e.target.value
 //дальше ваша логика
})

Answer 2

[WapSter]

const input = document.querySelector('input');

input.addEventListener('beforeinput', (e) => {
    console.log('oldValue', e.target.value);
  })
input.addEventListener('input', (e) => {
  
  console.log('value', e.target.value);
})

Comments

[Ruslan Zamuraev]

Ладно получить то получили, а как их теперь можно использовать, например записать в одно условие для сравнения? Они же в разных функциях находятся