JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<html>
<body>
   <h1 id="values"><span class="Q">Q</span><span class="W">W</span><span class="R">R</span><span class="T">T</span></h1>
   <input type="text" id="inp">
</body>
</html>

CSS

body {
  font-family: sans-serif;
  color: #222;
}

JavaScript

$(function(){
$('#inp').on('keyup',function(e){
    var key = e.keyCode || e.which;
   
    if(key != 8 && key != 16)
    {
    key= String.fromCharCode(key);
    $('.'+key.toString()).css({'color':'red'});
    }
});
});