03.DeleteFromTable

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Add/Remove List Elements</title>
</head>
<body>
<table border="1" id="customers">
    <tr><th>Name</th><th>Email</th></tr>
    <tr><td>Eve</td><td>eve@gmail.com</td></tr>
    <tr><td>Nick</td><td>nick@yahooo.com</td></tr>
    <tr><td>Didi</td><td>didi@didi.net</td></tr>
    <tr><td>Tedy</td><td>tedy@tedy.com</td></tr>
</table>
Email: <input type="text" name="email" />
<button onclick="deleteByEmail()">Delete</button>
<div id="result"></div>
</body>

<script>
  function deleteByEmail() {
      let emails = document.querySelectorAll('#customers tr td:last-child');
      let target = document.getElementsByName('email')[0].value;
      let isDeleted = false;

      for(let email of emails){
          if(email.textContent === target) {
              let row = email.parentNode;
              row.parentNode.removeChild(row);
              isDeleted = true;
              break;
          }
      }

      if(isDeleted){
          document.getElementById('result').textContent = 'Deleted.';
      } else {
          document.getElementById('result').textContent = 'Not found.';
      }
  }
</script>
</body>
</html>