JSFiddle - React, Tailwind, and code Playground

HTML

<div id="query" style="width:500px; height:200px;border:1px solid black" spellcheck="false" contenteditable="true">
    
</div>

JavaScript

$(function(){
    $('div').focus() ;
    $('div').keyup(function(e){
        //console.log(e.keyCode) ; 
        if(e.keyCode == 32){
            var txt = $('div').text() ; 
            var x = 'SELECT' ;
            $('div:contains("'+x+'")').wrap("<span style='color:blue ;text-transform:uppercase;'>") ;
            if(txt == 'SELECT'){
                console.log('found') ; 
            }
            
        }
    });
    
});