Как сократить вот этот код?

Question

[Айнур Ярулин]

Здравствуйте, как сокращать такой код?

let input = document.querySelectorAll('input');

input[0].addEventListener('input', функция);
input[1].addEventListener('input', функция);
input[2].addEventListener('input', функция);

Comments

[Ярослав Иванов]

И никто не написал про делегирование.
Всем 2!

Answer 1

[Tim]

document.querySelectorAll('input').forEach(item => item.addEventListener('input', функция));

Comments

[Айнур Ярулин]

Спасибо, буду знать

[Айнур Ярулин]

А как обратится к отдельному item? Также как и в массиве, item[0], item[1] и тд, да?

[Tim]

squadbrodyaga, querySelectorAll возвращает массив NodeList. Циклом forEach проходимся по всей выборке. К item не нужно ставить индекс. Просто обращайтесь к item. Например

document.querySelectorAll('input').forEach(item => {
   console.log(item.value)
});

Answer 2

[Дмитрий]

for (const input of document.querySelectorAll('input'))
  input.addEventListener('input', функция)

Comments

[Айнур Ярулин]

Благодарен