JSFiddle - React, Tailwind, and code Playground

by yakun chen

HTML

<textarea></textarea>
<p id='indicator'></p>

JavaScript

$('#indicator').text("abc");

var nanowrimoing = $.Deferred();
var wordGoal = 5;
nanowrimoing.progress(function (wordCount) {

    var percentComplete = Math.floor(wordCount / wordGoal * 100);
    $('#indicator').text(percentComplete + '% complete');
});
nanowrimoing.done(function () {
    $('#indicator').text('Good job!');
});


$('textarea').on('keypress', function () {
 
    var wordCount = $(this).val().split(/\s+/).length;
    if (wordCount >= wordGoal) {
        nanowrimoing.resolve();
    };
    nanowrimoing.notify(wordCount);
});