JSFiddle - React, Tailwind, and code Playground

HTML

<input id = "search" type ="text" value = "burn">
<div class = "searchable">burn baby burn</div>

CSS

.highlight{
             font-weight:bold;
             color:green;
}

JavaScript

if($('#search').val().length !== 0){
       $('.searchable').each(function(){
       $(this).html($(this).html().replace($('#search').val(),"<span class = 'highlight'>"+$('#search').val()+"</span>"));
    });
  }