Merge branch 'main' of https://github.com/ViktorSvertoka/english-exce…

…llence

src/css/layout/07-leave.css

@@ -104,8 +104,8 @@
   transition: border-color var(--transition-dur-and-func);
 }
 
-.leave__form-input:hover,
-.leave__form-input:focus {
+.leave__form-input:not(.invalid):hover,
+.leave__form-input:not(.invalid):focus {  
   border-color: var(--color-green);
 }
 
@@ -403,3 +403,5 @@
 .invalid {
   border-color: var(--color-invalid);
 }
+
+

src/js/form.js

@@ -1,44 +1,35 @@
 const inputs = document.querySelectorAll('input[name^="user-"]');
 const form = document.querySelector('.leave__feedback');
 
-form.addEventListener('input', () => {
-  const feedbackState = {};
-  inputs.forEach(input => {
-    feedbackState[input.name.split('-')[1]] = input.value;
-  });
+form.addEventListener('input', () => {  
+  const feedbackState = {};  
+  inputs.forEach(input => {    
+    feedbackState[input.name.split('-')[1]] = input.value;  });
 });
 
-inputs.forEach(input => {
-  input.addEventListener('blur', () => {
-    if (input.value.length > 0) {
-      input.classList.remove('invalid');
-      input.classList.add('valid');
-    }
+inputs.forEach(input => { 
+  input.addEventListener('blur', () => {   
+    if (input.value.length > 0) {      
+      input.classList.remove('invalid');      
+      input.classList.add('valid');    
+    }  
   });
 });
 
-form.addEventListener('submit', event => {
-  event.preventDefault();
-
-  let isValid = true;
-  inputs.forEach(input => {
-    if (input.value === '') {
-      input.classList.add('invalid');
-      isValid = false;
-    } else {
-      input.classList.remove('invalid');
-      input.value = '';
-      input.classList.remove('valid');
-    }
-  });
-
-  if (isValid) {
-    // Отримання об'єкта feedbackState зі значеннями полів форми
-    const feedbackState = {};
-    inputs.forEach(input => {
-      feedbackState[input.name.split('-')[1]] = input.value;
-    });
-
-    // Ваш код для подальшої обробки feedbackState
-  }
-});
+form.addEventListener('submit', event => {  
+  event.preventDefault();  
+  let isValid = true;  
+  inputs.forEach(input => {    
+    if (input.value === '') {     
+      input.classList.add('invalid');      
+      isValid = false;    
+    } else {      
+      input.classList.remove('invalid');      
+      input.classList.remove('valid');    
+    } 
+  });  
+  if (isValid) {    
+    inputs.forEach(input => {     
+      input.value = '';   
+    });  
+  }});