DEV Community

Gürkan Biçer
Gürkan Biçer

Posted on

VanillaJS Cookie Yönetimi

Bir cookie.js dosyası oluşturup, içerisine yazıp unutmalık iki fonksiyon.

Bazı zamanlarda front-end tarafında cookie okuyup, yazmak gerekebiliyor.

function getCookie(name) {
    var cookieArr = document.cookie.split(";");
    for (var i = 0; i < cookieArr.length; i++) {
        var cookiePair = cookieArr[i].split("=");

        if (name == cookiePair[0].trim()) {
            return decodeURIComponent(cookiePair[1]);
        }
    }

    return null;
}

function setCookie(name, value, expiryMin) {
    var cookie = name + "=" + encodeURIComponent(value);

    if (typeof expiryMin === "number") {
        cookie += "; max-age=" + (expiryMin * 60);
        document.cookie = cookie;
    }
}
Enter fullscreen mode Exit fullscreen mode

Cookie okumak için;
Cookie yoksa null değer döner.

$ console.log(getCookie('BenimAdim'))
# Kuki
Enter fullscreen mode Exit fullscreen mode

Cookie tanımlamak için;
Son parametrede dakika cinsinden ne kadar süre cookie tutmak istediğimizi belirliyoruz.

$ setCookie('BenimAdim', 'Kuki', 1440)
$ console.log(getCookie('BenimAdim'))
# Kuki
Enter fullscreen mode Exit fullscreen mode

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs