Set font-family from cookie

by btevfik

HTML

<button id="button1">Serif</button>
<br>
<button id="button2">Sans-Serif</button>
<br>
SOME TEXT GOES HERE
<br>
SOME TEXT GOES HERE
<br>
SOME TEXT GOES HERE
<br>
<button id="button3">Reload the page</button>

JavaScript

$(document).ready(function () {
     
     $("#button1").click(function () {
         setFont('serif')
     });
     $("#button2").click(function () {
         setFont('sans-serif')
     });
     
      $("#button3").click(function () {
          location.reload();
     });

     var font = getCookie("username");
     $("body").css("font-family", font);
 });

 function setFont(font) {
     setCookie("username", font, 365);
     $("body").css("font-family", font);
 }

 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 i, x, y, ARRcookies = document.cookie.split(";");
     for (i = 0; i < ARRcookies.length; i++) {
         x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
         y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
         x = x.replace(/^\s+|\s+$/g, "");
         if (x == c_name) {
             return unescape(y);
         }
     }
 }

 function checkCookie() {
     var username = getCookie("username");
     if (username != null && username != "") {
         alert("Welcome again " + username);
     } else {
         username = prompt("Please enter your name:", "");
         if (username != null && username != "") {
             setCookie("username", username, 365);
         }
     }
 }