JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>Title</td>
<td><input type="text" class="autosave" /></td>
</tr>
<tr>
<td>First Name</td>
<td><input type="text" class="autosave" /></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" class="autosave" /></td>
</tr>
<tr>
<td>Brief</td>
<td><textarea class="autosave" name="" id="" cols="30" rows="10"></textarea></td>
</tr>
</table>
<div id="autosavecount">
Auto-saved: 0x
</div>
JavaScript
$(document).ready(function(){
var autosave = 0;
$('.autosave').focusout(function(){
autosave++;
$('#autosavecount').text( "Auto-saved: " + autosave + "x" );
});
});