Почему класс не добовляется? Где моя ошибка?

Question

[DggMMmmm]

Вот код в html и в js , не понимаю че здесь не так , и почему класс не добовляется. Спасибо )

<form action="index.html" method="post" class="contact_form">

										<div class="input_wrap">
											<input onclick="myFunction()" class="contact_input" autocomplete="off" name="First Name" type="text" required>
											<label>First Name</label>
											<svg class="icon adress_card"></svg>
										</div>

										<div class="input_wrap">
											<input class="contact_input" autocomplete="off" name="Last Name" type="text" required>
											<label>Last Name</label>
											<svg class="icon adress_card"></svg>
										</div>

										<div class="input_wrap w-100">
											<input class="contact_input" autocomplete="off" name="Email" type="email" required>
											<label>Email</label>
											<svg class="icon email_svg"></svg>
										</div>

										<div class="input_wrap textarea w-100">
											<textarea name="Message" autocomplete="off" class="contact_input" required></textarea>
											<label>Message</label>
											<svg class="icon message_svg"></svg>
										</div>

									</form>

и вот и JS

const inputs = document.querySelectorAll(".contact_input");

inputs.forEach((ipt) => {
  ipt.addEventListener("focus", () => {
    ipt.parentNode.classList.add("focus");
  });
});

Answer 1

[Rsa97]

Потому что он добавляется, а не добовляется.
С чего вы взяли, что класс не добавляется? Если поместить курсор в input, то у родительского div'a вполне себе появляется класс focus.

Comments

[DggMMmmm]

вставил ссылку , не работает (

Answer 2

[Stalker_RED]

А он добавляется.
https://jsfiddle.net/h35utbnm/