text: let inputTouched = {
      email: false,
      password: false
  }
  
  const inputEmail = document.getElementById("inputEmail")
  const inputPassword = document.getElementById("inputPassword")
  const inputWrapperEmail = document.getElementById("input-wrapper-email")
  const inputWrapperPassword = document.getElementById("input-wrapper-password")
  const warningEmail = document.getElementById("warningEmail")
  const warningPassword = document.getElementById("warningPassword")
  
  const inputOnBlur = (ev) =>{
      if(inputTouched.email){
          if(!validateEmail(inputEmail.value) && !validatePhone(inputEmail.value)){
              warningEmail.style.display="block"
              inputEmail.style.borderBottom='2px solid #e87c03'
          }
          else{
              warningEmail.style.display="none"
              inputEmail.style.borderBottom="none"
          }
      }
      if(inputTouched.password){
          if(!(inputPassword.value.length >= 4 && inputPassword.value.length <= 60)){
              warningPassword.style.display="block"
              inputPassword.style.borderBottom='2px solid #e87c03'
          }
          else{
              warningPassword.style.display="none"
              inputPassword.style.borderBottom="none"
          }
      }
  }
  
  const inputOnFocus = (ev) =>{
      inputTouched[ev.name] = true;
  }
  
  const validateEmail = email => {
      const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
      return re.test(String(email).toLowerCase());
  }
  
  const validatePhone = email => {
      const re = /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im;
      return re.test(String(email).toLowerCase());
  }