Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Licznik ciasteczek!</title>
    <script type="text/javascript">
        //kod JS
        function dodajCookie(){
            //nazwa = wartosc; expires = data wygasniecie
            document.cookie = "licznik=0;expires=Wed, 20 Dec 2030 12:00:00 GMT";
        }

        function pokazCookie(){
            alert(document.cookie)
        }
        
        function odczytajCookie(cookieName){
            var v = document.cookie.match('(^|;) ?' + cookieName + '=([^;]*)(;|$)');
            return v ? v[2] : null;
        }

        function zwiekszLicznik(){
            var y = odczytajCookie("licznik");
            y = parseInt(y) + 1;

            document.cookie = "licznik=" + y + ";expires=Wed, 20 Dec 2030 12:00:00 GMT";
        }
        function sprawdzCookie(){
            var cookie = document.cookie;
            
            if(cookie == ""){
                dodajCookie();
            }
            zwiekszLicznik();

            //odczytanie wartosci licznika i wyswietlenie jej w h1
            var wartoscLicznika = odczytajCookie("licznik");
            document.getElementById("licznik").innerHTML="Licznik wejść na stronę: " + wartoscLicznika;

        }

    </script>
</head>
<body onload="sprawdzCookie()">
    <h1 id="licznik"> </h1>
    <button type="button" onclick="dodajCookie()">Dodaj cookie</button>
    <button type="button" onclick="pokazCookie()">Pokaż cookie</button>
    <button type="button" onclick="zwiekszLicznik()">Zwiększ licznik</button>


</body>
</html>
Editor is loading...