document.getElementById('btnTrigger').addEventListener('click',function(){
    addDataToTable();
   });

  document.getElementById('deleteAllRows').addEventListener('click',function(){
    deleteAllRows();
  });


    function addDataToTable() {
    askData();
    createRow();
    fillRow();
  }

  function askData() {
    var returnToAsk = true;
    while (returnToAsk) {
      window.name = prompt('Enter Your Name');
      returnToAsk = validateName();
    }
    returnToAsk = true;
    while (returnToAsk) {
      window.surname = prompt('Enter your surname');
      returnToAsk = validateSurname();
    }
    returnToAsk = true;
    while (returnToAsk) {
      window.phonenumber = prompt('Enter your phone nubmer');
      returnToAsk = validatePhoneNumber();
    }
  }

  function createRow() {
    window.nameTableRow = document.createElement('td');
    window.nameTableRow.className = "nameData";
    window.surnameTableRow = document.createElement('td');
    window.surnameTableRow.className = "surnameData";
    window.phonenumber1 = document.createElement('td');
    window.phonenumber1.className = "numberData";
    window.button = document.createElement('button');
    window.dataRow = document.createElement('tr');
    window.dataRow.className = "tableRow";
    dataRow.appendChild(window.nameTableRow);
    dataRow.appendChild(window.surnameTableRow);
    dataRow.appendChild(window.phonenumber1);
    window.button.classList.add('removeBtn');

     window.button.addEventListener('click',function(){
     deleteYourRow(this);
   })
    dataRow.appendChild(window.button);
    window.button.innerHTML = "remove";
    window.body = document.getElementById("body");
    body.appendChild(dataRow);
  }

  function fillRow() {
    var saveName =  window.dataRow.getElementsByClassName("nameData")[0];
    saveName.innerHTML = window.name;
    var saveSurname = window.dataRow.getElementsByClassName("surnameData")[0];
    saveSurname.innerHTML = window.surname;
    var saveNumber = window.dataRow.getElementsByClassName("numberData")[0];
    saveNumber.innerHTML = window.phonenumber;
  }

  function deleteAllRows() {
    document
      .querySelectorAll('.tableRow')
      .forEach(item => item.remove());
  }

  function deleteYourRow(self) {
     self.parentNode.remove();
  }
  function validateName(){
    var buffer = window.name.search( /[^a-z]/i );
    if (buffer < 0 && window.name.length < 32){
      return false;
    }
    alert("name xuina");
    return true;
  }
  function validateSurame(){
    var buffer = window.surname.search( /[^a-z]/i );
    if (buffer < 0 && window.surname.length < 32){
      return false;
    }
    alert("surname xuina");
    return true;
  }
  function validatePhoneNumber(){
    var buffer = window.phonenumber.search( /[^\d]/i );
    if (buffer < 0 && window.phonenumber.length < 32){
      return false;
    }
    alert("phonenumber xuina");
    return true;
  }