HTML
<textarea class="campo-digitacao" rows="8" cols="80"></textarea>
<ul>
<li><span id="contador-caracteres">0</span> caracteres</li>
<li><span id="contador-palavras">0</span> palavras</li>
</ul>
JAVASCRIPT / JQUERY
var frase = $(".frase").text();
var numPalavras = frase.split(" ").length;
var tamanhoFrase = $("#tamanho-frase");
tamanhoFrase.text(numPalavras);
var campo = $(".campo-digitacao");
campo.on("click",function(){
var conteudo = campo.val();
var qtdPalavras = conteudo.split(" ").length;
$("#contador-palavras").text(qtdPalavras);
var qtdCaracteres = conteudo.lenght;
$("#contador-caracteres").text(qtdCaracteres);
});