JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <title>Test page</title>
</head>
<body bgcolor="#55c066">
<input type="text" id="searchfor"></input>
    <p id="all_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euism modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    <font color="red">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinci futurum.</font>
    </p>
</body>
</html>

JavaScript

$(document).ready(function(){

     $('#searchfor').keyup(function(){
         page = $('#all_text').text();
         
         text = page.split(" ");
         
         searchedText = $('#searchfor').val();
         
         for(i = 0; i < text.length; i++){
             if(text[i]== searchedText){
                 text[i] = "<span style=\"color: #ff00aa\">" +
                     text[i] + "</span>"
             }
         }
                     
         newText = text.join(" ");

         $('#all_text').empty();       
         $('#all_text').html(newText);
    });
});