JSFiddle - React, Tailwind, and code Playground

HTML

<div class="buttons">
    <button rel="1">1</button>
    <button rel="2">2</button>
    <button rel="3">3</button>
    <button rel="4">4</button>
    <button rel="5">5</button>
</div>

CSS

.tiklandi{background:#000000;}

JavaScript

var clickedLink = getCookie('getClickedLink');
if(clickedLink){
$("button:eq(" + (parseInt(clickedLink) -1) + ")").addClass('tiklandi');
}

$("button").live('click', function(){
    $(this).addClass('tiklandi');
    var tikTik = $(this).attr('rel');
    setCookie("getClickedLink", tikTik);
});

function setCookie(c_name, value) {
    document.cookie = c_name + "=" + c_value;
}

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}

function getCookie(c_name) {
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1) {
        c_start = c_value.indexOf(c_name + "=");
    }
    if (c_start == -1) {
        c_value = null;
    }
    else {
        c_start = c_value.indexOf("=", c_start) + 1;
        var c_end = c_value.indexOf(";", c_start);
        if (c_end == -1) {
            c_end = c_value.length;
        }
        c_value = unescape(c_value.substring(c_start, c_end));
    }
    return c_value;
}