<input type="text" id="searchInput" placeholder="Buscar produto..." onkeyup="searchTable()">

<table id="myTable">
  <thead>
    <tr><th>Produto</th><th>Preço</th></tr>
  </thead>
  <tbody>
    <tr><td>Caneta Azul</td><td>R$ 2,50</td></tr>
    <tr><td>Lápis Preto</td><td>R$ 1,20</td></tr>
    <tr><td>Caderno 200 folhas</td><td>R$ 15,00</td></tr>
  </tbody>
</table>

<script>
function searchTable() {
  const input = document.getElementById("searchInput").value.toLowerCase();
  const rows = document.querySelectorAll("#myTable tbody tr");

  rows.forEach(row => {
    const text = row.textContent.toLowerCase();
    row.style.display = text.includes(input) ? "" : "none";
  });
}
</script>