JAVASCRIPT

js cookie

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

setCookie("user_email","bobthegreat@gmail.com",30); //set "user_email" cookie, expires in 30 days
var userEmail=getCookie("user_email");//"bobthegreat@gmail.com"

cookie js

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
Cookies.set('cookie_name', 'cookie_value', { expires: 365 });
Cookies.get('cookie_name'); // => 'value'
Cookies.remove('cookie_name');

cookie in javascript

// very simple cookie manager class
 class CookieManager {
    static setCookie({ name = "", days = 0, value = "", path = "/" }) {
        let expire = "";
        if (days) {
            const date = new Date();
            date.setTime(date.getTime() + days * 1000 * 60 * 60 * 24);
            expire = date.toUTCString();
        }
        document.cookie = `${name}=${value}; expires=${expire}; path=${path}`;
    }

    static getCookie({ name }) {
        name = name.trim();
        const allCookie = document.cookie;
        const cookieArr = [...allCookie.split(";")];
        for (let i = 0; i < cookieArr.length; i++) {
            let c = cookieArr[i].trim();
            if (c.startsWith(`${name}=`)) return c.split("=")[1];
        }
        return null;
    }

    static removeCookie({ name = "" }) {
        CookieManager.setCookie({ name, days: -1 });
    }

    static checkCookie({ name = "" }) {
        const cookie = CookieManager.getCookie({ name: name });
        if (cookie !== undefined && cookie !== "" && cookie !== null) {
            return true;
        } else {
            return false;
        }
    }
}
//add cokie 
CookieManager.setCookie({name:"hi.cookie",value:"m9yhRuPk7xlCpkEGk8qdx",days:10})
//get Cookie value
CookieManager.getCookie({name:"hi.cookie"}) // return = m9yhRuPk7xlCpkEGk8qdx
//remove cookie 
CookieManager.removeCookie({name:"hi.cookie"}) // noting return
//remove cookie 
CookieManager.checkCookie({name:"hi.cookie"}) // return true or false

how to create a cookie in javascript

document.cookie = "firstName=Anthony"; 

js cookie

import cookies from 'js-cookie'

export const getUserFromCookie = () => {
    const cookie = cookies.get('auth')
    if (!cookie) {
        return
    }
    return JSON.parse(cookie)
}

export const setUserCookie = (user) => {
    cookies.set('auth', user, {
        // firebase id tokens expire in one hour
        // set cookie expiry to match
        expires: 1 / 24,
    })
}

export const removeUserCookie = () => cookies.remove('auth')

js-cookie

$ npm i js-cookie

js-cookie

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

Cookies JavaScript

1
document.cookie = "key1 = value1; key2 = value2; expires = date";

Cookies JavaScript

1
document.cookie = "key1 = value1; key2 = value2; expires = date";

js cookie

var Cookie = {   

   Create: function (name, value, days) {

       var expires = "";

        if (days) {
           var date = new Date();
           date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
           expires = "; expires=" + date.toGMTString();
       }

       document.cookie = name + "=" + value + expires + "; path=/";
   },

   Read: function (name) {

        var nameEQ = name + "=";
        var ca = document.cookie.split(";");

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == " ") c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }

        return null;
    },

    Erase: function (name) {

        Cookie.create(name, "", -1);
    }

};

cookie in javascript

javaScript cookiies

Cookies JavaScript

1
document.cookie = "key1 = value1; key2 = value2; expires = date";

js cookie

/*! js-cookie v3.0.1 | MIT */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));