Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Guilherme Wathier

Contador de Palavras

Por , em Javascript

Recommended Posts

Guilherme Wathier    1

Guilherme Wathier
Postado

Olá,

 

Eu quero saber se alguem tem o código de um script de contador de palavras em tempo real, se alguém tiver por favor posta ai. Se possivel com o form junto

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Wathier    1

Guilherme Wathier
Postado

Eu procurei por tudo mais não achei, eu preciso um em tempo real igual a este Clique aqui

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Wathier    1

Guilherme Wathier
Postado

é que eu não sei quase nada de js

Compartilhar este post

Link para o post
Compartilhar em outros sites

guidjos    65

guidjos
Postado

Um exemplo minimalista:

 

<textarea id="in">
</textarea>
<br/>
<span id="out">0</span> palavras.

<script>
var inp = document.getElementById('in'),
   out = document.getElementById('out');

inp.addEventListener('keyup', function () {
   out.innerHTML = inp.value.split(/\s/).length;
});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Wathier    1

Guilherme Wathier
Postado

Consegui um, mais quando a gente aperta enter e digita o texto ele interpreta como se fosse na mesma palavra

 

<body onLoad="WordCountOnLine();">

<script type="text/javascript"> 
function WordCountOnLine() {
 textoArea = document.getElementById("area_texto").value;

 inicioBlanco = /^ /
 finBlanco = / $/

 variosBlancos = /[ ]+/g 
 textoArea = textoArea.replace(inicioBlanco,"");
 textoArea = textoArea.replace(finBlanco,"");
 textoArea = textoArea.replace(variosBlancos," ");
 textoAreaDividido = textoArea.split(" ");
 numeroPalabras = textoAreaDividido.length;

 document.getElementById("palabras").value = numeroPalabras;
 setTimeout("WordCountOnLine();",300);
}
</script>

<form name="formulario">
<fieldset><legend>Encode/Decode</legend>
<label for="area_texto">Digite sua mensagem:</label><br>
<textarea id="area_texto" rows=10 cols=50></textarea><br>
<label for="palabras">Número de palabras:</label> 
<input style="border:0;" id="palabras" type="text" size="0"></fieldset>
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito