HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>getAllCookies</title>
</head>
<body>
  <h1>Parse all cookies</h1>
  <button type="button" id="run">Set and parse</button>
  <pre id="out"></pre>
  <script>
    function getAllCookies() {
      var result = {};
      if (!document.cookie) return result;
      var pairs = document.cookie.split(";");
      for (var i = 0; i < pairs.length; i++) {
        var trimmed = pairs[i].trim();
        var eq = trimmed.indexOf("=");
        if (eq === -1) continue;
        var key = trimmed.slice(0, eq);
        var raw = trimmed.slice(eq + 1);
        try {
          result[key] = decodeURIComponent(raw);
        } catch (e) {
          result[key] = raw;
        }
      }
      return result;
    }

    document.getElementById("run").addEventListener("click", function () {
      document.cookie = "username=JohnDoe; path=/";
      document.cookie = "theme=dark; path=/";
      document.getElementById("out").textContent = JSON.stringify(getAllCookies(), null, 2);
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Cookies Read — parse all to object (Try It)