Untitled

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="szablon.css" />
<title>yup</title>
</head>
<body>
<div id="box">
 <div id="gora">
<p align="center"><font size="15"></font></p>
</div>
 <div id="srodek">

<script type="text/javascript">


    function sprawdz(f) {
    var haslo = f.pole.value;
    var dh = haslo.length;
    document.getElementById("dlugosc").innerHTML = "a) dlugosc hasla to: " + haslo.length;
    document.getElementById("pierwsza").innerHTML = "b) pierwsza litera hasla to: " + haslo.charAt(0);
    document.getElementById("trzecia").innerHTML = " trzecia litera hasla to: " + haslo[2];
    document.getElementById("ostatnia").innerHTML = "c) ostatnia litera hasla to: " + haslo[haslo.length-1];
    for(i=0; i<=dh; i++){
        if (haslo[i]==" ") {
            document.getElementById("spacja").innerHTML = "e) masz spacje";
        }
    }

    for(i=0; i<=dh; i++){
        if(haslo[i] *1){
            document.getElementById("cyfry").innerHTML = "f) masz cyfry";
        }
    }


        }
        </script>


<form action="">
Podaj haslo: <input type="text" name="pole">
<input type="button" value="sprawdz" onClick="sprawdz(this.form)"><br></br>
</form>


<p id="dlugosc"></p>
<p id="pierwsza"></p>
<p id="trzecia"></p>
<p id="ostatnia"></p>
<p id="spacja"></p>
<p id="cyfry"></p>


</div>
<div id="lewy">


</div>
</div>
<div id="akt">

</div>
</body>
</html>