Delete Cookies with JavaScript

02/12/2022
Contents
In this article, I will introduce how to delete cookies with JavaScript.
Delete cookies with JavaScript
There are several ways to delete cookies, but you can also delete them with JavaScript.
A cookie has max-age (the key with the remaining time of the cookie) and expires (the key with the date to destroy the cookie).
You can delete cookies by setting the max-age value to 0 or by setting expires to a date in the past.
In JavaScript, operate the cookie as follows:
document.cookie = "key=value;key2=value2"
If you want to enter values continuously, connect them with ;
.
Sample Code
Below is sample code to delete cookies in two ways.
// Set cookies
document.cookie = "key1=value1"
document.cookie = "key2=value2"
// Delete a cookie by setting the max-age value to 0
document.cookie = "key1=;max-age=0"
// Delete a cookie by setting expires to a date in the past
var dt = new Date('2010-01-01T23:59:59Z');
document.cookie = `key2=;expires=${dt.toUTCString()}`;
console.log(document.cookie)