From 660d01226ad9a82cb192153b1b553f371ecf4eef Mon Sep 17 00:00:00 2001
From: benJ <26485097+Mil00Z@users.noreply.github.com>
Date: Thu, 6 Jun 2024 19:05:48 +0200
Subject: [PATCH] Testing to debug on change live values on warning message

---
 assets/scripts/modal.js | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/assets/scripts/modal.js b/assets/scripts/modal.js
index 025dc13adc..5547db6dd4 100644
--- a/assets/scripts/modal.js
+++ b/assets/scripts/modal.js
@@ -306,11 +306,10 @@ burgerIcon.addEventListener('click',(e)=>{
   // Logical Fonction testing
   function validateNames(inputElement){
 
-    //Inject Warning Message about the Input Field
-    let newWarning = document.createElement('div');
-
       // Get Data Text on Change
       let inputData = inputElement?.value;
+      
+      console.log(inputData);
   
       // Regex Rules with Testing number inside
       const regexNames = new RegExp("^[a-zA-Z]+$");
@@ -320,16 +319,20 @@ burgerIcon.addEventListener('click',(e)=>{
   
       if(!regexNames.test(inputData) || inputData.length < minimalNamesLength || inputData === undefined ) {
 
+        //Inject Warning Message about the Input Field
+        let newWarning = document.createElement('div');
+
+      
           // Display Infos in Log
           displayInputDataLog(inputElement,'wrong');
   
-          newWarning.classList.add('debug-input');
-          newWarning.textContent = `📌 " ${inputElement.value} " is incorrect Names.
-          2 Characters required / no empty string / no numbers`;
-
           //Checking if a Warning is Already on the closest Scope of Data
           createWarning(inputElement,newWarning);
 
+          newWarning.classList.add('debug-input');
+          newWarning.textContent = `📌 " ${inputData} " is incorrect Names.
+          2 Characters required / no empty string / no numbers`;
+
           return false;
     
         } else {
@@ -350,9 +353,6 @@ burgerIcon.addEventListener('click',(e)=>{
 
   function validateEmail(inputElement) {
 
-    //Inject Warning Message about the Input Field
-    let newWarning = document.createElement('div');
-
     // Get Data Text on Change
     let inputData = inputElement?.value;
   
@@ -363,18 +363,21 @@ burgerIcon.addEventListener('click',(e)=>{
     const minimalEmailLength = 6;
   
     if(!inputData.match(regexEmail) || inputData.length < minimalEmailLength){
+
+      //Inject Warning Message about the Input Field
+      let newWarning = document.createElement('div');
   
-       // Display Infos in Log
-       displayInputDataLog(inputElement,'wrong');
-  
-       newWarning.classList.add('debug-input');
-       newWarning.textContent = `📌 " ${inputElement.value} " is incorrect Email.
-      Special Characters is missing // too short entry `;
+      // Display Infos in Log
+      displayInputDataLog(inputElement,'wrong');
 
-      
       //Checking if is Warning Already on the closest Scope 
       createWarning(inputElement,newWarning);
+  
+       newWarning.classList.add('debug-input');
+       newWarning.textContent = `📌 " ${inputData} " is incorrect Email.
+      Special Characters is missing // too short entry `;
 
+    
       return false;
   
     } else {
@@ -585,6 +588,7 @@ burgerIcon.addEventListener('click',(e)=>{
 
     if(!targetInput.parentElement.querySelector(`${warningClass}`)) {
 
+
         targetInput.closest(`${formScope}`).append(warningElement);
 
     }