Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<p> <input id="pocitani1" onKeyUp="pocet_znaku(this)" maxlength="50"> <br> Už jsi napsal <span id="pocitani1-pocet"></span> znaků! <p> <input id="pocitani2" onKeyUp="pocet_znaku(this)" maxlength="50"> <br> Už jsi napsal <span id="pocitani2-pocet"></span> znaků! <p> <input id="pocitani3" onKeyUp="pocet_znaku(this)" maxlength="50"> <br> Už jsi napsal <span id="pocitani3-pocet"></span> znaků!
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
// umistit kamkoli function pocet_znaku(input) { var id = input.id + '-pocet'; document.getElementById(id).innerHTML = input.value.length; } // umistit na konec body var inputs = document.getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++) { if (inputs[i].id.match(/pocitani.*/)) { pocet_znaku(inputs[i]); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>