JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sampletext" contenteditable="true" style="min-height: 40px;">

    <span style="border: 1px solid red;" id="here"></span>

</div>

JavaScript

document.addEventListener("keyup", function(e){
	var target = document.getElementById("here");
    var value = String.fromCharCode(e.keyCode);
    if (value!="undefined") {
console.log(value)
    	target.innerHTML += value;
    }
});