stylefix: remove '.border-danger' during form reset

index.html

@@ -123,6 +123,7 @@ <h1 class="l-hero__heading lg10 md10 sm12">
                   id="first-name"
                   name="first-name"
                   minlength="2"
+                  maxlength="63"
                   required
                 />
                 <p class="c-modal__form-error" aria-live="polite"></p>
@@ -138,6 +139,7 @@ <h1 class="l-hero__heading lg10 md10 sm12">
                   id="last-name"
                   name="last-name"
                   minlength="2"
+                  maxlength="63"
                   required
                 />
                 <p class="c-modal__form-error" aria-live="polite"></p>

js/components/form.js

@@ -248,7 +248,7 @@ const displaySuccessfullSignin = () => {
   modalSuccessWrapper.style.height = modalHeight;
 };
 
-const removeAllErrors = () => {
+export const removeAllErrors = () => {
   const errorFields = [
     firstNameError,
     lastNameError,
@@ -257,9 +257,14 @@ const removeAllErrors = () => {
     locationError,
     generalConditionsOptinError,
   ];
+  const inputFields = document.querySelectorAll("input");
 
   for (const errorField of errorFields) {
     errorField.textContent = "";
     errorField.classList.remove("txt-danger");
   }
+
+  for (let inputField of inputFields) {
+    inputField.classList.remove("border-danger");
+  }
 };

js/components/modal.js

@@ -1,3 +1,5 @@
+import { removeAllErrors } from "./form.js";
+
 const modalBackground = document.getElementById("modal-bg");
 const modalWindow = document.getElementById("modal-window");
 const modalFormWrapper = document.getElementById("modal-form-wrapper");
@@ -18,6 +20,7 @@ document.getElementById("close-modal-btn").onclick = closeModal;
 
 function openModal() {
   document.getElementById("modal-form").reset();
+  removeAllErrors();
 
   modalFormWrapper.style.height = "auto";
   modalSuccessWrapper.style.height = 0;