Javascript ile birden fazla cookie oluşturma

ozcankarakus (1) 7 yıl önce sordu

javascript ile 3 tane cookie oluşturup tek butonla kaydettirme ve tek butonla okutma nasıl yapılır?  Arkadaşlar javascript konusunda biraz bilgisizim de.

alattin 7 yıl önce

@ozcankarakus ödev mi bu? :)

ozcankarakus 7 yıl önce

bi nevi oyle sayılır staj projem için lazımda

Toplam 1 cevap


alattin (16999) 7 yıl önce cevapladı

 

Javascript ile nasıl Cookie oluşturulur ve nasıl Cookie okunur aşağıda bulabilirsin.

Google Chrome lokal çerezlerin çalışmasına izin vermediği için lokalde çalışmaz. Firefox ve Edge ile çalıştırabilirsin.

Sunucuya yüklendiğinde Google Chrome'da da çalışır.

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    
</head>
<body>
    <button onclick="CokluCookie()">Cookie Oluştur</button>
    <button onclick="CokluCookieOku()">Cookie Değerlerini Oku</button>
    <script>
        function CokluCookie() {           
            cookieOlustur("cerez1", "Fıstık", 4);
 cookieOlustur("cerez2", "Fındık", 4);
 cookieOlustur("cerez3", "Ceviz", 4);
        }
        function CokluCookieOku() {
            alert(cookieOku("cerez1"));
 alert(cookieOku("cerez2"));
 alert(cookieOku("cerez3"));
        }

        function cookieOlustur(ad, deger, gecerlilikSuresi) {
            var t = new Date();
            t.setTime(t.getTime() + (gecerlilikSuresi * 24 * 60 * 60 * 1000));
            var eskimeSuresi = "expires=" + t.toUTCString();
            document.cookie = ad + "=" + deger + "; " + eskimeSuresi + "; path=/";
        }
        function cookieOku(ad) {
            var ad = ad + "=";
            var cookiler = document.cookie.split(';');
            for (var i = 0; i < cookiler.length; i++) {
                var c = cookiler[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(ad) == 0) {
                    return c.substring(ad.length, c.length);
                }
            }
            return "";
        }
    </script>
</body>
</html>