JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td>Content 1</td>
<td>Content 2</td>
<td>Content 3</td>
</tr>
<tr>
<td>Content 4</td>
<td>Content 5</td>
<td>Content 6</td>
</tr>
</table>

JavaScript

$(function(){

$("table td").on('click',function(){
    if($(this).find("input").length==0){
    var cellContent = $(this).html();
    $(this).empty();
    $(this).append("<input type='text' size='"+cellContent.length+"' value='"+cellContent+"'>");
    $(this).find("input").focus();
}

});
    $('table td').on('keyup',function(){
  var newCellContent = $("input",this).val();
        var tdObject = $(this);
  $("table td input").keyup(function(event){
    if (event.keyCode == 13) {
        console.log($(this).val());
      $(this).remove();
      tdObject.html(newCellContent);
    }
    newCellContent = $("input",this).val();
  });
    
    });
    
});