[Sonya00]

НЕ срабатывает событие input для функции redId, работает только
если повторно нажать на button

let btns = document.querySelector('.btns__student__and__teacher');
let btn = document.querySelectorAll('button');
let idF1 = document.getElementById('id__f1');

document.getElementById('student').classList.add('active');

btns.addEventListener('click', start);
idF1.addEventListener('input', e => redId); 
/*НЕ срабатывает событие input для функции redId, работает только
если повторно нажать на button*/

object = {
	student: {
		placeholder: `ID #0000`,
		length_size: 4
	},

	teacher: {
		placeholder: `ID #000000`,
		length_size: 6
	}
}

function start(e) {
	if (e.target.classList.contains('btn')) {
		for (i = 0; i < btn.length; i++) {
			btn[i].classList.remove('active');
		}
		e.target.classList.add('active');
		placeholder(e.target.id)
		redId(idF1, e.target.id)
		console.log(e);
	}


}

function placeholder(key) {
	idF1.placeholder = object[key].placeholder;
}

function redId(el, key, e) {
  if (el.value.length < object[key].length_size) {
    el.classList.add('red')
  }
  else {
    el.classList.remove('red')
  }
}