Creare un conta caratteri con Javascript

Come contare i caratteri di un testo con poche righe di codice

Generalmente per il conteggio e l’analisi di un articolo, o comunque un testo in generale, utilizzo ContaCaratteri.it, ma sto lavorando ad un tool ed ho bisogno di integrare la funzionalità del conteggio di caratteri e parole in una mia pagina.

Si tratta di poche righe di Javascript

<script>
  function contacaratteri(){
      var car = document.getElementById('testo').value;
      document.getElementById('outcaratteri').innerHTML = car.length;
      
      var par = document.getElementById("testo").value;
      par = par.replace(/(^\s*)|(\s*$)/gi,"");
      par = par.replace(/[ ]{2,}/gi," ");
      par = par.replace(/\n /,"\n");
      document.getElementById("outparole").innerHTML = par.split(' ').length;
      
  }
</script>

<textarea id="testo" onkeyup="contacaratteri();"></textarea>
<p>Caratteri: <span id="outcaratteri">0</span><br/>
Parole: <span id="outparole">0</span></p>

Questo codice andrà a contare in modalità live, mentre si scrive, il conteggio di ogni singolo carattere e ogni parola che si comincia a scrivere nella textarea. Il codice è molto semplice, quindi credo non abbia nemmeno bisogno di spiegazioni.

Offrimi un caffè su ko-fi.com
Controlliamo randomicamente il funzionamento dei link nei nostri articoli. Nel frattempo, se dei link risultano corrotti segnalacelo tra i commenti, li correggeremo. Grazie.

Francesco

Fondatore e amministratore di Dummy-X dal 2007, condivido interessi, idee, progetti, e soluzioni informatiche. Non vendo prodotti, mi limito a descrivere tecnologie e a mettere a disposizione gli strumenti adatti per poter realizzare idee. Tutto ciò che scrivo è frutto della mia esperienza lavorativa e della mia voglia di imparare. Da sempre studio l'informatica in tutte le sue angolazioni (software, hardware, reti e sicurezza) e negli ultimi anni mi sono specializzato nello sviluppo di web applications. Sono sempre aperto a nuove sfide e alla ricerca e conoscenza delle nuove tecnologie.
 

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *