Как из коллекции, получить Input в котором произошло изменение?

Question

[DZHAMBUALT]

Здрасте. Есть коллекция в которой собраны 4 input. Есть некая функция check(), которую нужно вызвать для input из коллекции у которого произошло изменение значения текстового поля. Есть ли возможность вызвать функцию check() на input только из конкретной коллекции, в котором произошло изменение.

HTML

<div class="block">
      <input type="text" class="block__input" />
      <input type="text" class="block__input" />
      <input type="text" class="block__input" />
      <input type="text" class="block__input" />
</div>

JS

const blockInputs = document.querySelectorAll(".block__input");
const check = () => {
    console.log("check succesful")
}

Answer 1

[Stalker_RED]

form.addEventListener('change', function(evt){
  console.log(evt.target, evt.target.value);
});

Answer 2

[modelair]

const inputs = document.querySelectorAll('.block__input')

const check = event => console.log('check successful', event.target)

inputs.forEach(item => item.oninput = check)

Comments

[DZHAMBUALT]

А есть возможность повесить обработчик событий на каждый элемент перебрав коллекцию? А то если у меня будет допустим 40 инпутов то это как минимум не удобно.

[modelair]

DZHAMBULAT-SAMOUCHKA, я добавил код

[Сергей delphinpro]

Все круто, но почему oninput, а не addEventListener?

[modelair]

Сергей delphinpro, да как-то по vue-привычке, редко пишу это слово )