JSFiddle - React, Tailwind, and code Playground
HTML
<textarea name="PresentationAbstract3" id="PresentationAbstract3"></textarea>
<div id="maxwords">Total words (<span>0</span>)</div>
<script> $(function() {
$("textarea").bind('keyup click blur focus change paste', function() {
var sum = 0;
$("textarea").each(function() {
var words = $(this).val().split(' ');
$.each(words, function(i, v) {
if ($.trim(v) !== '') {sum++;}
});
});
$('#maxwords span').text(sum);
});
});</script>