text: 
  const myForm= document.querySelector('#my-form');
  const nameInput= document.querySelector('#name');
  const Email= document.querySelector('#email');
  const msg= document.querySelector('.msg');
  const userList= document.querySelector('#users');
  
  
  
  myForm.addEventListener('submit', onsubmit);
  
  function onsubmit(f){
      f.preventDefault();
  
      if(nameInput===''|| Email===''){
          msg.innerHTML='please vaild data';
          msg.classList.add('error');
          setTimeout(()=> msg.remove(),3000);
      }else{
          const li=document.createElement('li');
  
          li.appendChild(document.createTextNode(`${nameInput.value}
          :${Email.value}`));
           
          userList.appendChild(li);
  
          nameInput.value='';
          Email.value='';
      }
  }