Untitled

<html>
    <body>
            Wpisz tekst: <input id="tekst"> <button onclick="sprawdz()">Sprawdź</button>
            <p>Liczba liter: <span id="litery"></span></p>
            <p>Liczba cyfr: <span id="cyfry"></span></p>
            <p>Liczba znaków specjalnych: <span id="specjalne"></span></p>
            <p>Siła: <span id="sila"></span></p>

            <script type="text/javascript">
                function sprawdz() {
                    var tekst = document.getElementById('tekst').value;

                    var litery = (tekst.toLowerCase().match(/[a-z ąężźćńłóś]/g) || '').length;
                    var cyfry = (tekst.match(/[0-9]/g) || '').length;
                    // var specjalne2 = (tekst.match(/[!@#$%^&*()+=-[]{};':",.<>\|\/?]/g) || '').length;
                    var specjalne = tekst.length - cyfry - litery;

                    document.getElementById('litery').innerHTML = litery;
                    document.getElementById('cyfry').innerHTML = cyfry;
                    document.getElementById('specjalne').innerHTML = specjalne;

                    var sila = ''

                    if (tekst.length == 0) {
                        sila = '<span style="color: lightblue">wpisz tekst</span>';
                    } else {
                        if (tekst.length < 8) {
                            sila = '<span style="color: red">słabe</span>';
                        } else if (cyfry && !specjalne) {
                            sila = '<span style="color: orange">średnia</span>';
                        } else if (specjalne && cyfry) {
                            sila = '<span style="color: green">mocne</span>';
                        }
                    }
                    document.getElementById('sila').innerHTML = sila;
                }
            </script>
    </body>
</html>