Решил вот так:
window.addEventListener('DOMContentLoaded', (e) => {
let controls = document.getElementsByClassName('input__control');
for(let i = 0; i<controls.length; i++){
controls[i].addEventListener('focus', (e)=>{
let input = e.target.closest('.input');
if(!input.classList.contains("input_focused")){
input.classList.add("input_focused");
}
});
controls[i].addEventListener('blur', (e)=>{
let input = e.target.closest('.input');
if(input.classList.contains("input_focused")){
input.classList.remove("input_focused");
}
})
}
});
Но все ранво не могу понять, почему в первом примере не вешался обработчик