Как правильно обработать событие?

Question

[Imptos]

есть инпут и есть див
как сделать чтоб див был не активен пока длинна значения инпута меньше 3х
вот что я сделал, но это не работает
буду очень благодарен за пример

let iSearch2 = document.querySelector(".iSearch");
let supd = document.querySelector(".spd")
let check = function() {
	supd.classList.remove("supDivshidden") = iSearch2.value.length > 3;
} 
iSearch2.addEventListener('input', check);
check();

Answer 1

[Сергей Соколов]

const iSearch2 = document.querySelector(".iSearch");
const supd = document.querySelector(".spd")
const check = () => {
  const className = "supDivshidden";
  if (iSearch2.value.length > 3) {
    supd.classList.remove(className);
  } else {
    supd.classList.add(className);
  }
}

iSearch2.addEventListener('input', check);
check();

Comments

[WbICHA]

Единственное const className = "supDivshidden"; лучше вынести из функции.

[Imptos]

Спасибо

Answer 2

[Фёдор]

У вас в переменной лежит анонимная функция. Просто перепишете так, чтобы у вас была функция с название check

function check () {
   ваш код... 
}

и передайте эту функцию параметромiSearch2.addEventListener('input', check);

Comments

[WbICHA]

Это троллинг или незнание основ?

Answer 3

[Pavel Shvedov]

Бред написан, зачем результату вызова функции remove() присваивать результат сравнения длинны и 3.