 <!DOCTYPE html>
<html>
  <head>
    <title>Cookie demo</title>
    <link type="text/css" rel="stylesheet" href="../css/kalamar.css" />
    <script src="../js/src/session.js"></script>
    <script>

var cookey;

function add (val) {
  var list = document.getElementById('number');
  list.textContent += '-' + val;
  cookey.set('n', list.textContent);
};

function removeCookie () {
  cookey.clear();
};

document.addEventListener('DOMContentLoaded', function () {
  cookey = KorAP.Session.create('peter');
  document.getElementById('number').textContent = cookey.get('n') || '';

  var elements =   document.getElementsByClassName('num');
  for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener(
      'click',
      function (e) {
        add(this.textContent);
      }
    );
  };
});

    </script>
  </head>
  <body>
    <div id="number"></div>
    <span class="num">1</span>
    <span class="num">2</span>
    <span class="num">3</span>
    <div onclick="removeCookie()">remove</div>
  </body>
</html>