Как получать текущее значение из input?

Question

[NazarJs]

Как получать текущее значение из input в переменную currentValue?

Comments

[Ankhena]

https://learn.javascript.ru/events-change-input#so...

[NazarJs]

Ankhena, мне нужно чтобы текущие данные из инпута были мне доступны в глобальной переменной. А не в локальной внутри функции.

Answer 1

[Nikson7]

Так у тебя глобально input всегда равен 5.
Ты возьми и подвесь событие change на input ,что бы при изменении он записывал результат в переменную.И ты увидишь что input у тебя не изменятся .Ты его объявляешь глобально, а изменения проводишь в локальной области видимости.

Comments

[NazarJs]

можете показать как это должно работать на моем примере?

[Nikson7]

NazarJs, напиши задачу подробнее.Что ты хочешь получить в конечном результате ?

[NazarJs]

Мне нужно чтобы в переменную currentValue присваивалось значение из инпута сразу после клика на кпопку "increment".
По дефолту currentValue = 5; но после одного клика на кпопку "increment", значение в инпуте и в currentValue должно смениться на 6

[Nikson7]

https://codepen.io/_Nikita/pen/wvBQKjq?editors=0010

[NazarJs]

Nikson7, Как я понял переменной currentValue не нужно изначально присваивать значение. А нужно на инпут повесить событие сhange и присваивать значение из инпута переменной.
Я так и сделал, но это не сработало

[Антон Литвиненко]

NazarJs, ваш пример работает. Событие срабатывает после потери фокуса

[NazarJs]

Anton Litvinenko, Срабатывает, но в переменную currentValue не присваивается текущее значение инпута

[Антон Литвиненко]

NazarJs, я если честно впервые вижу, чтобы обработчик события присваивали в переменную, но я и не шибко программист. Вот так например точно работает:

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

let currentValue; 

input.addEventListener('change', updateValue);

function updateValue(e) {
  currentValue = log.textContent = e.target.value;
  console.log(currentValue);
  return log.textContent;
 }

[NazarJs]

Anton Litvinenko, Вот здесь должно меняться значение