Here is some basic usage for the js cookie library.

Include the following script. Or you can grab the latest version at the cdnjs website.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>

How to set a cookie

this sets a cookie named kruxor with the value awesome. 

Javascript

// set a cookie
Cookies.set('kruxor', 'awesome');

How to set a cookie with expiry

this sets a cookie named kruxor and the value awesome with the expiry of 30 days. 

Checking a cookie

use this code to check a cookie is set

Javascript

Cookies.get('kruxor')

How to check if a cookie is set i chrome

open dev tools, f12, go into the application tab, and then scroll down until you see cookies. 

Javascript

Cookies.set('kruxor', 'awesome', { expires: 30 })

Further Documentation on JS Cookie

View on Github

Get the latest CDNJS version of this code here:

View JS Cookie on CDNJS

Basic Usage

Create a cookie, valid across the entire site:

Cookies.set('name', 'value')

Create a cookie that expires 7 days from now, valid across the entire site:

Cookies.set('name', 'value', { expires: 7 })

Create an expiring cookie, valid to the path of the current page:

Cookies.set('name', 'value', { expires: 7, path: '' })

Read cookie:

Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined

Read all visible cookies:

Cookies.get() // => { name: 'value' }

Note: It is not possible to read a particular cookie by passing one of the cookie attributes (which may or may not have been used when writing the cookie in question):

Cookies.get('foo', { domain: 'sub.example.com' }) // `domain` won't have any effect...!

The cookie with the name foo will only be available on .get() if it's visible from where the code is called; the domain and/or path attribute will not have an effect when reading.

Delete cookie:

Cookies.remove('name')

Delete a cookie valid to the path of the current page:

Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!

IMPORTANT! When deleting a cookie and you're not relying on the default attributes, you must pass the exact same path and domain attributes that were used to set the cookie:

Cookies.remove('name', { path: '', domain: '.yourdomain.com' })

Note: Removing a nonexistent cookie neither raises any exception nor returns any value.