qBlog Quadina w świecie PHP

6sie/130

[JS] Zliczanie liter, wyrazów i zdań w textarea

Stwierdziłem, że zamiast motywować się do dużych merytorycznych wpisów, pokopiuję czasem to co w danym momencie fajnego napisałem. Czasem będą fajne proste rzeczy, czasem skomplikowane, ale na pewno wszystko w jakimś stopniu przydatne :)

Dzisiaj miałem problem, żeby pod textarea wypisać ilości poszczególnych liter, wyrazów i zdań. Kilka wyszukań w google i mam już skonstruowany prosty skrypcik.

var $ = function(a) {
  return document.getElementById(a);
}
var litery = function() {
    var litery = $('litery');
    var wyrazy = $('wyrazy');
    var zdania = $('zdania');
    var obszar = $('obszar');
    s = obszar.value;
    s = s.replace(/(^\s*)|(\s*$)/gi, "");
    s = s.replace(/[ ]{2,}/gi, " ");
    s = s.replace(/\n /, "\n");
    wyrazy.innerHTML = s.split(' ').length;
    zdania.innerHTML = s.split('.').length;
    litery.innerHTML = obszar.value.replace(/[^A-Z0-9]/gi, "").length;
 }
 window.onload = litery;

Oczywiście użyłem własnej funkcji $ ale można szybko przerobić do jQuery. Wydało mi się to tutaj zbędne, bo na mojej stronce faktycznie był tylko ten textarea i przycisk submit, więc doładowywanie czegokolwiek nie miało by sensu.

W HTMLu oczywiście prosty formularz i kilka spanów:

<form action="" method="POST">

<textarea onkeyup="litery();" id="obszar" style="width:100%;height:40%" name="tekst"></textarea>
 <br />
 <input type="submit" value="Wyślij" />
 <span>
Ilość liter: <span id="litery">0</span>,
Ilość wyrazów <span id="wyrazy">0</span>,
Ilość zdań <span id="zdania">0</span></span>
</form>

W rezultacie otrzymujemy całkiem przyjemny licznik pod naszym polem:

Użycie Javascriptu do zliczenia liter, wyrazów i zdań w polu textarea na żywo w czasie pisania.

Użycie Javascriptu do zliczenia liter, wyrazów i zdań w polu textarea na żywo w czasie pisania.

Komentarze (0) Trackbacks (0)

Brak komentarzy.


Leave a comment

Brak trackbacków.