JSFiddle - React, Tailwind, and code Playground

HTML

<div id='1' class='editable' contenteditable>text1</div>
<div id='2' class='editable' contenteditable>text2</div>
<div id='3' class='editable' contenteditable>text3</div>
<div id='4' class='editable' contenteditable>text4</div>
<div id='1' class='editable' contenteditable>text5</div>
<div id="feedback"></div>

CSS

div.editable {
    background-color:red;
    margin:10px;
    width:200px;
    height:30px;
}
#feedback {
     background-color:lightblue;
    margin:10px;
    width:300px;
    height:60px;
    
}

JavaScript

$(".editable").on("input",function(){
        var id=$(this).attr("id");
        var html="<p>Content changed in div with id="+id+"</p>";
        html+=$(this).html();
       $("#feedback").html(html);
    console.log("key");
});