JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textfield">

</div>
<input id="inputfield" type='text'></input>

CSS

body {
    background-color:#424242
}

#textfield {
    background-color: white;
    width: 200px;
    height: 300px;
}

.doggy {
    display:inline-block;
    padding: 5px;
background-color: indianred;
    color: whitesmoke;
}
}

JavaScript

$("#inputfield").on('keyup', function(e) {
    if (e.keyCode == 13) {
        var str = this.value.replace('doggy', '<span class="doggy">DOGGY</span>');
        $("#textfield").html(str);        
    }
})