JSFiddle - React, Tailwind, and code Playground

by ArsenyDP

HTML

Передай фокус в это окно и печатай текст:
<div class="text">
</div>

CSS

.text span {
  color: red;
}

JavaScript

$(function(){
  let parent = $('.text');
  let spaned = false;
  $(document).keypress(function(e){
  	parent.append(spaned ? `<span>${String.fromCharCode(e.which)}</span>` : String.fromCharCode(e.which));
    spaned = !spaned;
  })
});