JavaScriptのdocument.cookieでフォントサイズを変更してページ遷移しても状態を保持

document.cookie = 'value=クッキー名; max-age=9999';

document.cookie = "value=cookie名;max-age=0;";

<ul class="cookieSwitch">
  <li><p id="fontMini">小</p></li>
  <li><p id="fontDefault" class="activeOn">標準</p></li>
  <li><p id="fontBig">大</p></li>
</ul>

<div id="textArea">
<p>あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</p>
<p>山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。</p>
</div>

/* ロード時のcookie有無チェック */
window.addEventListener('DOMContentLoaded', (event) => {
const bodyFont = document.querySelector('body');
/* cookieを取得 */
   function getCookieArray(){
      var arr = new Array();
      if(document.cookie != ''){
         var tmp = document.cookie.split('; ');
         for(var i=0;i<tmp.length;i++){
            var data = tmp[i].split('=');
            arr[data[0]] = decodeURIComponent(data[1]);
         }
      }
      return arr;
   }
   var arr = getCookieArray();
   var result = arr["value"];
/* valueのcookieがない時 */
   if(result == null){
      console.log("no cookie");
   } 
   // cookieがある場合
   else {
      var theme = result;
      // valueの値でfontMiniCookieがある時
      if(theme == 'fontMiniCookie'){
         document.getElementById("fontMini").classList.add('activeOn');
         document.getElementById("fontDefault").classList.remove('activeOn');
         document.getElementById("fontBig").classList.remove('activeOn');
         bodyFont.style.fontSize = '0.8em';
         console.log('fontMiniOn');
      }
      // valueの値でfontBigCookieがある時
      else if(theme == 'fontBigCookie'){
         document.getElementById("fontBig").classList.add('activeOn');
         document.getElementById("fontDefault").classList.remove('activeOn');
         document.getElementById("fontMini").classList.remove('activeOn');
         bodyFont.style.fontSize = '1.2em';
         console.log('fontBigOn');
      }
      else {
         console.log('none');
      }
   }
});

/* フォントサイズを小さく */
document.querySelector('#fontMini').addEventListener('click', () => {

document.getElementById("fontMini").classList.add('activeOn');
document.getElementById("fontDefault").classList.remove('activeOn');
document.getElementById("fontBig").classList.remove('activeOn');

const bodyFont = document.querySelector('body');
bodyFont.style.fontSize = '0.8em';
// cookieの操作
document.cookie = "value=fontMiniCookie;max-age=9999;";
console.log('fontMiniOn');
});

/* フォントサイズを標準に */
document.querySelector('#fontDefault').addEventListener('click', () => {
document.getElementById("fontDefault").classList.add('activeOn');
document.getElementById("fontMini").classList.remove('activeOn');
document.getElementById("fontBig").classList.remove('activeOn');
const bodyFont = document.querySelector('body');
bodyFont.style.fontSize = '107%';
// cookieの操作
document.cookie = "value=fontMiniCookie;max-age=0;";
document.cookie = "value=fontBigCookie;max-age=0;";
console.log('fontDefaultOn');
});

/* フォントサイズを大きく */
document.querySelector('#fontBig').addEventListener('click', () => {

document.getElementById("fontBig").classList.add('activeOn');
document.getElementById("fontDefault").classList.remove('activeOn');
document.getElementById("fontMini").classList.remove('activeOn');

const bodyFont = document.querySelector('body');
bodyFont.style.fontSize = '1.2em';
// cookieの操作
document.cookie = "value=fontBigCookie;max-age=9999;";
console.log('fontBigOn');
});

/* ラベルの文字サイズを固定 */
body ul.cookieSwitch li p {
    font-size: 1rem !important;
}

/* サイズ変更ラベル */
ul.cookieSwitch {
    display: flex;
    list-style: none;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 15px;
    border: none;
    padding: 0;
}
ul.cookieSwitch li {
    border: solid 1px #CCC;
    padding: 0;
}
ul.cookieSwitch li:first-child, ul.cookieSwitch li:nth-child(2) {
    border-right: none;
}
ul.cookieSwitch li p {
    margin: 0;
    padding: 5px 20px 3px;
    background: #FFF;
    cursor: pointer;
}
ul.cookieSwitch li p.activeOn {
    background: #707070;
    color: #FFF;
    pointer-events: none;
}