JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div>
<table border=1 id="log">
<tr><td><b>Key</b></td><td><b>Value</b></td></tr>
</table>

CSS

#log th, #log td{
    padding:0.8em;
    border: 1px solid;
}
#log th{
    background-color:#6699FF;
    font-weight:bold;
}

JavaScript

for(var i  in localStorage){
         if (localStorage.hasOwnProperty(i)) {
                    console.log(i,localStorage[i]);
                    var key = i;
                    var value = localStorage[i];
                    //alert(i);
                    //alert(key + ":  " + value);
                    var both = "<tr><td>" + key + "</td><td>" + value + "</td></tr>";
                    document.getElementById("log").innerHTML += both;
                }
          }
          ReadCookie();
 function ReadCookie()
{
 var allcookies = document.cookie;
 //alert("All Cookies : " + allcookies);

 // Get all the cookies pairs in an array
 cookiearray = allcookies.split(';');
 // Now take key value pair out of this array
 for(var i=0; i<cookiearray.length; i++){
 name = cookiearray[i].split('=')[0];
 value = cookiearray[i].split('=')[1];
  var cookies = "<tr><td>" + name + "</td><td>" + value + "</td></tr>";
 document.getElementById("log").innerHTML += cookies;
 }
}