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
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> Jméno: <input type="text" id="username"><br> Heslo: <input type="password" id="password"> Stav: <i class="fa fa-times" aria-hidden="true" id="status"></i>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function check(usrInp, passInp) { var usr = usrInp.value; var pass = passInp.value; var className = (usr.length > 0 && pass.length > 0) ? 'fa fa-check' : 'fa fa-times'; document.getElementById('status').className = className; } var usrInp = document.getElementById('username'); var passInp = document.getElementById('password'); var process = function() { check(usrInp, passInp) } usrInp.onchange = process; passInp.onkeyup = process;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>