Example: Simple Cookie Example

This example shows basic usage of the YUI Cookie utility. The example checks the value of a cookie and then sets it to a new value.

Description

This example begins by getting the value of a cookie named "example". If this is the first time you've run the example, the value should be null: 

var currentValue = Y.Cookie.get("example");

This value is shown in the browser console. Next, the cookie is set to a random value:

var newValue = "yui" + Math.round(Math.random() * Math.PI);
Y.Cookie.set("example", newValue);

When you reload the page, the value of the cookie should be the one that was just set.

Note: this example uses session cookies, so the value will be lost when you close the browser.

Complete Example Source

<script>
YUI().use('cookie', 'console', function (Y) {

    //used just to show logging output
    (new Y.Console({style: 'block'})).render('.example');
    
    var currentValue = Y.Cookie.get("example");
    Y.log("Cookie's current value is '" + currentValue + "'");

    var newValue = "yui" + Math.round(Math.random() * Math.PI * 1000);
    Y.log("Setting cookie's value to '" + newValue + "'");
    Y.Cookie.set("example", newValue);

});
</script>