Como achar o conteudo de uma DIV para um search-box em JS?

Programação
#1

essa é a parte do html

     <!--[produtos]-->

     <li class="product">

        <div id="divproduto" name="divproduto" class="row" data-produto="{$produto_uid}" data-grupo="{$grupo_uuid}">

           <div class="col-lg-7 col-md-6 col-7 align-self-center">

              <div class="row">

                 <div id="{$produto_uid}_nome" data-grupo="{$grupo_uuid}" class="col-12">{$sequencia} - {$descricao}</div>

                 <div class="col-12" style="font-size: 15px; color: #545454; word-break: break-word;">

                    {$prf_descricao_completa}

                </div>

essa é a parte do JS

$(function(){

    function listFilter() {

      let input = document.getElementById('listaproduto')

      input=input.toLowerCase; 

      let x = document.getElementsByClassName('product'); 

  

       for (i = 0; i < divproduto.length; i++) {  

   if (divproduto[i].innerHTML.toLowerCase().includes(input)) { 

        divproduto[i].style.display="none"; 

    } 

    else { 

        divproduto[i].style.display="list-item";                  

    }

$("#pesquisa").keyup(function(){

        var pesquisa= $(this).val();

       

           if(pesquisa !=''){

                 listFilter(pesquisa) ;

  

              var dados = {

                 palavra : pesquisa

              }

                   

           }

     });

  

  });

  

  </script>

     <input type ="text" name="pesquisa" id="pesquisa">