JSFiddle - React, Tailwind, and code Playground

by basiclaser

HTML

<div><div>T<div>This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :( </div>his doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :( </div>This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :(This doesn't work.. Would you be able to praaaa aaaa aaa aaa aa  a aovide a JSfiddle? I'maaaaa aa a aaa a a aaa aa aa aaaaa really bad at jQuery. :( </div>
<div id="approx-plugin"></div>

CSS

#approx-plugin{position:fixed;top:10px;left:10px; border-radius:3px; padding:2px 5px; background:black; color:white;  font-size:16px;font-family:arial}

JavaScript

$(document).ready(function(){
$('#approx-plugin').hide()
var txt = $('body').text();
var wordCount = txt.replace(/[^\w ]/g, "").split(/\s+/).length;
var approximation = Math.round(wordCount * 0.8) ;
if(approximation >= 60){
    approximation = Math.floor(approximation / 60);
    $('#approx-plugin').text(approximation + " m").fadeIn("slow").delay(4000).fadeOut("slow");
}else{
    $('#approx-plugin').text(approximation + " s" ).fadeIn("slow").delay(4000).fadeOut("slow");
}
});