У e.target из KeyboardEvent нет метода classList.contains()?

Question

[accountnujen]

Если я залетаю в e.target и могу получить classList, то почему я не могу применить метод contains?
https://codepen.io/accountnujen/pen/XWqBoLd

html

<form action="" id="form">
  <div class="box valide">
    <input type="text" class="list mega">
  </div>
</form>

js

document.querySelector("#form").addEventListener("keydown", function (e) {

  console.log(e.target.parentElement.classList);
  console.log(e.target.parentElement.classList.contains["valide"])

  if (e.target.parentElement.classList.contains["valide"]) {
    console.log("YES");
  } else {
    console.log("NO");
  }
});

Answer 1

[Алексей Ярков]

console.log(div.classList.contains("foo"))
Используйте IDE, чтобы избежать таких опечаток. Ну и первым делом ищите информацию в документации, а не на тостере ))

Comments

[accountnujen]

?

[Алексей Ярков]

accountnujen, что? Внимание на скобки. contains это метод, его вызвать надо.

[accountnujen]

Алексей Ярков, снесите вопрос пожалуйста

[Алексей Ярков]

accountnujen, не не )) Вам теперь жить с этим )) Вопросы с ответами не удаляются.

[accountnujen]

Алексей Ярков, всё удаляется))) давайте просто на тему политики поговорим тут)) такое быстро снесут

[Алексей Ярков]

accountnujen, лайфхак))

Answer 2

[Mizutsune]

Вы используете квадратные скобки, вместо круглых.

- console.log(e.target.parentElement.classList.contains["valide"]);
+ console.log(e.target.parentElement.classList.contains("valide"));

- if (e.target.parentElement.classList.contains["valide"]);
+ if (e.target.parentElement.classList.contains("valide"));

Comments

[accountnujen]

о, а как подсветку сделали?

[Mizutsune]

accountnujen,

<code lang="diff">
- старое значение
+ новое значение
</code>