Contador de caracteres e palavras online

O formulário abaixo conta a quantidade de caracteres e palavras a partir de um texto. Você tem a opção de remover os espaços em branco. Segue também o código da função que faz a contagem.

Veja o código-fonte abaixo:

<html>
    <head>
        <title>Contador de Caracteres e Palavras</title>
        <script type="text/javascript">
             /** Contador de caracteres e palavras em javascript
              *    By Blog do Naninho (https://naninho.blog.br)
              */
             function characteresAndWordsCounter(obj) {
                 var strText = obj.form.strText.value;
                 if (strText.length > 0) {
                     strText = strText.replace(/(\r\n|\n|\r)/g," ").trim();
                     var strWords = strText.split(/\s+/g);
                 
                     var chkSpace = obj.form.chkSpace;             
                     if (chkSpace.checked == true)
                         strText = strText.replace(/\s*/g, "");
                         
                     var objLabelResult = document.getElementById('result');
                     objLabelResult.innerHTML = 'O seu texto possui ' + strText.length + ' caracter(es) e ' + strWords.length + ' palavra(s).';
                }
                else
                    alert('Por favor insira um texto para realizar a contagem!');                
             }
        </script>
    </head>
    <body>
        <form id="form" method="POST">
            <p>
                <textarea name="strText" style="width: 480px; height: 80px;"></textarea>
            </p>
            <p>
                <input id="chkSpace" name="chkSpace" type="checkbox" />
                <label for="chkSpace">Remover espaços em branco</label>
            </p>
            <p><label id="result"></label></p>
            <p>
                <input type="button" name="btnCount" id="btnCount" value="Contar" onclick="characteresAndWordsCounter(this);" />
            </p>
        </form>           
    </body>
</html>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Rolar para cima