JAVASCRIPT

js set 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"

how to set/get cookie in JavaScript

<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');

get cookie value in javascript

const getCookie = (cookie_name) =>{
  // Construct a RegExp object as to include the variable name
  const re = new RegExp(`(?<=${cookie_name}=)[^;]*`);
  try{
    return document.cookie.match(re)[0];	// Will raise TypeError if cookie is not found
  }catch{
    return "this-cookie-doesn't-exist";
  }
}

getCookie('csrftoken')	// ADZlxZaPSa6k4oyelVBa5iWTtLJW8P3Jf7nhW90L2ZWc5Zcq2vKLO1RRFbaKco3C
getCookie('_non_existent') // this-cookie-doesn't-exist

js write and get cookie

// how to add to cookie
document.cookie = "yourKey=your value"

get cookie in javascript

function getCookie(cookie, name) {
  const q = {}
  cookie?.replace(/s/g, '')
    .split(';')
    .map(i=>i.split('='))
    .forEach(([key, value]) => {
      q[key] = value
    })
  return q[name]??null;
}

set cookie and get cookie in javascript

<script type="text/javascript">
    function setCookie(key, value, expiry) {
        var expires = new Date();
        expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
        document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
    }

    function getCookie(key) {
        var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
        return keyValue ? keyValue[2] : null;
    }

    function eraseCookie(key) {
        var keyValue = getCookie(key);
        setCookie(key, keyValue, '-1');
    }

</script>

javasciprt set 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;
}
function eraseCookie(name) {   
    document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

javascript set cookie

const setCookie = (options) => {
  const {
    name,
    value = '',
    path = '/',
    duration = 3600,
  } = options;
  
  const durationMs = duration * 1000;
  const expires =
    new Date(Date.now() + durationMs);

  document.cookie = 
    `${name}=${escape(value)}; expires=${expires.toUTCString()}; path=${path}`;
}

const getCookie = (name, cast = String) => {
  if (document.cookie.length == 0)
    return;

  const match = document
    .cookie
    .match(`${name}=(?<value>[w]*);?`);

  if (!match)
    return;

  const value =
    match?.groups?.value ?? '';

  return cast(unescape(value));
}

const cookieExists = (name) => {
  return getCookie(name) !== undefined;
}

const deleteCookie = (name) => {
  setCookie({
    name: name,
    value: undefined,
    duration: -1,
  });
}


// Example string
setCookie({ 
  name: 'username',
  value: 'dude',
});

const username = 
  getCookie('username');


// Example number
setCookie({
  name: 'count',
  value: 100,
  duration: 300, // 300s, 5 minutes
});

const count =
  getCookie('count', parseInt);

deleteCookie('count');