JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function showDiv(e){
	var id = e.value;
  var element = document.getElementById(id);
      var elements = new Array();
elements = getElementsByClassName('hide');
for(i in elements ){
     elements[i].style.display = "none";
  if(element){
element.style.display = "block";

}
  }
}

function getElementsByClassName(classname, node)  {
    if(!node) node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}
</script>

<input id="pesquisa" onkeyup="showDiv(this)"/>

<div id="1" class="hide">
1
</div>
<div id="22" class="hide">
22
</div>

CSS

div.hide{
  display:none;
}