JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<body>
<div id="EDIT-AREA">
    <span class='CHARACTER-NAME' contenteditable='true'>Bob</span><span>&nbsp;</span>
</div>
    <div class="cool">cool</div>
</body>

CSS

span.CHARACTER-NAME:after
{ 
	content:": ";
}

JavaScript

$('.cool').click(function(){
var a = $('.CHARACTER-NAME').html()
if (a != '') {
    console.log(a)
}
})