JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="term" id="term" />
  <table id="dataTable">
    <th>Example No.</th>
    <th>Column 1</th>
    <th>Column  2</th>
    <tr>
      <td>345678917</td>
      <td>Test 1</td>
      <td>one_test1@gmail.com</td>
    </tr>
    <tr>
      <td>3512376894</td>
      <td>Test 2</td>
      <td>two.test2@hotmail.com</td>
    </tr>  
  </table>
  <p id="results"></p>

CSS

table tr {
    display:none;
}

JavaScript

// JavaScript
  document.getElementById('term').onkeyup = function(){
    var term = this.value;    
    var column = 0;            
    var pattern = new RegExp(term, 'g');  
    var table = document.getElementById('dataTable');
    var tr = table.getElementsByTagName('TR');
    for(var i = 0; i < tr.length; i++){
      var td = tr[i].getElementsByTagName('TD');
      for(var j = 0; j < td.length; j++){
        if(j == column && td[j].innerHTML == term){
          console.log('Found it: ' + td[j].innerHTML);
          tr[i].style.display = 'block';
          return;            
          alert('Found it: ' + td[j].innerHTML);
        }else{
          tr[i].style.display = 'none';
        }
      }    
    }
  };