JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="searchTerm" id="searchTerm" />
  <input type="button" name="search" id="search" value="Search" />
  <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>

JavaScript

// JavaScript
  document.getElementById('search').onclick = function(){
    var term = document.getElementById('searchTerm').value;    
    //var term = "3512376894"; 
    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);
          document.getElementById('results').innerHTML = 'Found it: ' + td[j].innerHTML;
          return;
        }
      }    
    }
    document.getElementById('results').innerHTML = 'Found nothing!';
    
  };