JSFiddle - React, Tailwind, and code Playground

HTML

<div id="log">
    
</div>

JavaScript

create_cookie = function (name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }

    document.cookie = name + "=" + value + expires + "; path=/";
};

delete_cookie = function (name) {
    document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
};

delete_cookie2 = function (name) {
    create_cookie(name, '', -10);
};

read_cookie = function (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 message(value) {
    var log = document.getElementById('log');
    log.innerHTML = log.innerHTML + value + '<br />';
}

message(read_cookie('seven'));
create_cookie('seven', 'value', 7);
message(read_cookie('seven'));
delete_cookie('seven');
message(read_cookie('seven'));
delete_cookie2('seven');
message(read_cookie('seven'));