Živá ukázka

Výsledek

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

function statistiky(el) {
  var znaku = el.value.length, slov = 0, odstavcu = 0, radku = 0, cetnostSlov = "", cetnost = {};
  
  if (znaku > 0) {  
    /* Přeskakování předložek */
    var preskocitSlova = ["a", "o", "i", "na", "od", "do", "pod", "přes", "u", "v", "ve", "nad", "pod", "k"];
    var preskocit = [];
    for (preskoc in preskocitSlova) {
      preskocit[preskocitSlova[preskoc]] = true;
    }
  
    slov = el.value.match(/\b/g).length/2;
    odstavcu = el.value.split(/\n{2,}/).length;
    radku = el.value.split("\n").length;      
    
    /* Výpis opakovaných slov */
    var slova = el.value.toLowerCase().match(/([a-záäéëěíóöôúůüýčďňřŕšťžĺľ]+)/gi);
    for (var i = 0; slova[i]; i++) {
      var slovo = slova[i];      
      if (preskocit[slovo]) continue;
      cetnost[slovo] = cetnost[slovo] || 0;
	  cetnost[slovo]++;
    }
    
    for (slovo in cetnost) {
      cetnostSlov += (cetnost[slovo] > 1 ? "<span title='Kolikrát: " + cetnost[slovo] + "×' class='opakovani opak" + cetnost[slovo] + "'>" + slovo + "</span> " : "");
    }
  }
  
  document.getElementById("statistiky").innerHTML = "<span class='pocet'>Znaků: " + znaku + "</span> <span class='pocet'>Slov: " + slov + "</span> <span class='pocet'>Odstavců: " + odstavcu + "</span> <span class='pocet'>Řádků: " + radku + "</span> <span class='pocet'>Opakovaná slova: " + cetnostSlov + "</span>";
}

JS

Autoformát
jQuery
Umístění JS