JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element-holder ">
                        <div class="elemnet" data-name='aaaa' id='someid>'>aaaa
                        </div>
                        <div class="elemnet" data-name='bbbbb' id='someid>'>bbbb
                        </div>
                        <div class="elemnet" data-name='ccccccc' id='someid>'>ccccc
                        </div>
            </div>
            
            
            <input class ="search" type="text"/>

CSS

.elemnet{display:none;}

JavaScript

$(".search").keyup(function () {

    var entered = $(this).val();
    
    $(".elemnet").each(function () {
       var text = $(this).attr("data-name");
       
       if(entered !="")
       {
          if(text.indexOf(entered) > -1)
          {

            $(this).show();
          }else
          {

             $(this).hide();
          }
        }else{
        
          $(".elemnet").hide();
        }
    });

});