Вот и видео и весь код , я может туплю и что-то не вижу , я новенький в этой сфере , сори.
Подскажите пж че не так. Спасибо.
Вот HTML :
<form action="index.html" method="post" class="contact_form">
<div class="input_wrap">
<input 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");
});
});
