JSFiddle - React, Tailwind, and code Playground

HTML

<button id="gotit" >Got it</button>

JavaScript

$(document).ready(function () {

      $('#gotit').click(function () {
          setCookie("gotIt", 'True', 30);
      });

      function checkGetIt() {
          var gotIt = getCookie("gotIt");
          if (gotIt === "") {
              console.log('no such cookie'); // should do this until button pressed
          } else {
              console.log('cookie exists'); // this displays all the time
          }
      }
      checkGetIt();
      var z = document.cookie;
      console.log('existing cookies: ' + z);

      function setCookie(cname, cvalue, exdays) {
          var d = new Date();
          d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
          var expires = "expires=" + d.toGMTString();
          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 null;
      }

  });