JSFiddle - React, Tailwind, and code Playground

by Brock Callahan

HTML

<button id="c1">English</button>
<button id="c2">Spanish</button>

JavaScript

checkCookie();

document.getElementById('c1').onclick = function () {
	setCookie('language', 'English', 365);
  checkCookie();
};

document.getElementById('c2').onclick = function () {
	setCookie('language', 'Spanish', 365);
  checkCookie();
};

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

function getCookie(cname) {
    var name = cname + "=";
    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 checkCookie() {
    var language=getCookie("language");
    if (language!="") {
        alert("You are speaking " + language);
    } else {
        username = alert("Choose your language");
    }
}