JSFiddle - React, Tailwind, and code Playground

by jtw90210

HTML

<head>

<script>

// elements
var list = document.getElementById('cookies');

function buildListItem(id, data) {
  return '<br><span class="delete" id="' + id + '">&#10006;</span><span>' + data + '</span>';
};

// read all the cookies
function read() {
  cookies = document.cookie.split(';');
  if (cookies.length > 0 && cookies[0] !== '') {
    list.innerHTML = '';
    for (var i = 0; i < cookies.length; i++) {
      var key = cookies[i].split('=')[0].trim();
      var data = cookies[i].trim();
      list.innerHTML += buildListItem(key, data);
    }
  } else {
    list.innerHTML = 'There are no cookies.';
  }
};

window.onload = read;

</script>
</head><body>

Et voila:
<div id="cookies">jj</div>
</body>