JSFiddle - React, Tailwind, and code Playground

HTML

<input type = "text" id = "search" value = "hello mars">
<div class = "searchable">hello world</div>

CSS

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

JavaScript

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