JSFiddle - React, Tailwind, and code Playground

by saidulu401

HTML

<input type="text" id="gt">
<button type="text" id="srch">Submit</button>
<p>
lorem ipsum
</p>
<p>
lorem
</p>
<p>
ipsum
</p>
<p>
test lorem
</p>
<p>
ipsum test
</p>

CSS

.active{
  background:yellow;
}

JavaScript

$('#srch').on("click",function(){
    var s = $('#gt').val();
    $("p").removeClass("active")
    if (s == ''){       
        $("p").addClass("default");    
    } else{
        $("p:contains('"+ s +"')").addClass("active"); 
    }
});