JSFiddle - React, Tailwind, and code Playground

HTML

<input id="textbox" type="text" />

<div id="message"></div>

CSS

input {
    width:300px;
}

JavaScript

$(document).ready(function() {
    $('#textbox').keyup(checkStrings);
});

function checkStrings(e) {
    var typed = $('#textbox').val();
    
    if (typed == "") return false;
    
    var query = typed.split(" ");
    var querylen = query.length;
    var acceptedWords = '';
    var badWords = '';
    
    for (var i = querylen-1; i >= 0; i--) {
        if (query[i].length < 3) {
            badWords += query[i] + " ";            
        } else {
            acceptedWords += query.splice(i,1) + " ";
        }
    }
    
    $('#message').html("<div>Bad words are: " + badWords + "</div>" +
                       "<div>Good words are: " + acceptedWords + "</div>");
}