How do I clear this JavaScript cookie?

Question

I am trying to clear a cookie but am having difficulty. Basically, all I am trying to do is change the body background colour based on the value in the cookie. I can create the cookie fine, but my "clearCookie" function doesn't seem to be clearing it like I would expect it to.

function setTheme () {

    if (document.cookie) {
        document.cookie += "; max-age=0";
    }

    document.cookie = $('input:radio[name=theme]:checked').val() + "; max-age=86400; path=/";
    $('body').css('background', document.cookie);
}

function clearCookie () {

    if (document.cookie) {
        document.cookie += "; max-age=0";
        $('body').css('background', '#F2F2F2');
    }

}

$(document).ready(function () {

    if (document.cookie != "") {
        $('body').css('background', document.cookie);
    }

    $('#theme').click(setTheme);
    $('#default').click(clearCookie);

});

Possible duplicate of [javascript - delete cookie](http://stackoverflow.com/questions/2144386/javascript-delete-cookie) — Tigger, Apr 07 '16 at 01:51
@Tigger I am not sure how to apply this answer to my application, because my cookie does not have a name. — Jordan Carter, Apr 07 '16 at 01:53

score 1 · Accepted Answer · answered Apr 07 '16 at 01:59

1

You should add the path also when clearing:

document.cookie += "; max-age=0; path=/";

answered Apr 07 '16 at 01:59

trincot

317,000
35
244
286

Worked like a charm! Thanks, friend! – Jordan Carter Apr 07 '16 at 02:02

How do I clear this JavaScript cookie?

1 Answers1