JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

JavaScript

var Cookies = {
    init: function() {
        var allCookies = document.cookie.split('; ');
        for (var i = 0; i < allCookies.length; i++) {
            var cookiePair = allCookies[i].split('=');
            this[cookiePair[0]] = cookiePair[1];
        }
    },
    create: function(name, value, days) {
        console.log("create", name, value, days)
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
        } else var expires = "";
        document.cookie = name + "=" + value + expires + "; path=/";
        this[name] = value;
    },
    erase: function(name) {
        this.create(name, '', -1);
        this[name] = undefined;
    },
    get: function(name) {
        var name = 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);
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }
};

function saveIt(name) {
    var x = valeur_test;
    Cookies.create(name, x, 7);
}

function readIt(name) {
    valeur_test = parseInt(Cookies.get(name)) || 0;
    console.log(valeur_test);
}

function eraseIt(name) {
    Cookies.erase(name);
    valeur_test = 0;
    var a = document.createTextNode(valeur_test);
    //test.replaceChild(a, test.lastChild); // Remplacer unn élément par un autre
    clearInterval(timerID);
}

var valeur_test = 0;
if (typeof readIt('cookie1') != "undefined") {
    readIt('cookie1')
}

function myfunction() { // On crée notre compte à rebours
    valeur_test += 1;
    var a = document.createTextNode(valeur_test);
    //test.replaceChild(a, test.lastChild); // Remplacer unn élément par un autre
    saveIt('cookie1')
}

var timerID = setInterval(myfunction, 1000);