Как удалить tr через closest, используя event.target?

var table = document.querySelector('.table'); 
table.addEventListener('click', checkAct); 
 
function checkAct(event) { 
  var target = event.target; 
  if (target.tagName === 'TD' && target.className !== 'delete') { 
    editTd(target); 
  } else if (target.tagName === 'TD' && target.className === 'delete') { 
    deleteTr(target); 
  } 
} 
 
function deleteTr(target) { 
  var tr = target.closest('tr'); 
  if (tr) { 
    tr.parentNode.removeChild(tr); 
  } 
}

<table class="table"> 
  <tr> 
    <th>Имя</th> 
    <th>Фамилия</th> 
    <th>Удалить</th> 
  </tr> 
  <tr> 
    <td>Иван</td> 
    <td>Васильевич</td> 
    <td class="delete"><a href="#"><i class="fa fa-trash"></i></a></td> 
  </tr> 
  <tr> 
    <td>Влад</td> 
    <td>Анатольевич</td> 
    <td class="delete"><a href="#"><i class="fa fa-trash"></i></a></td> 
  </tr> 
</table> 
 
<form action="" id="form"> 
  <input type="text" name="" class="name" placeholder="Введите имя"> 
  <input type="text" name="" class="surname" placeholder="Введите фамилию"> 
  <button type="submit" class="btn">Добавить строку</button> 
</form>