Как сделать общий eventListener для нескольких форм ввода?
Всем привет. я ни разу не писал на js, но сейчас мне необходимо это сделать. У меня есть 3
<imput type="number" min="1"> поля, которые должны работать схожим образом(нельзя ввести отрицательное число и пустоту). Все эти импуты имеют 1 общий класс class="imput-value" и каждый свой уникальный id.
Методом проб и ошибок я понял что нужную мне логику работы можно сделать через добавление слушателя на фарму таким образом:
document.querySelector("#daysInput").addEventListener('keyup', function () {
var value = this.value;
if(value < 0) {
this.value *= -1;
} else if(value === '') {
this.value = 0;
}
});
Все отлично работает если делать по id, но тогда получается что мне надо сделать 3 одинаковых куска кода, что плохо. Если я вешаю этот функционал не по id, а по классу, то работает только первая форма. Можно ли повесить этот слушатель на все 3 формы сразу? Если это не возможно, и придется писать для каждого id, то другой вопрос: можно ли вынести код логики в отдельную функцию и просто вызывать ее в addEventListener? (я пробовал, но у меня почему то не получалось, возможно я просто не знаю верного синтаксиса js).