Как записать событие в Cookie?

Question

На странице при нажатии на td меняется рамка с помощью onclick:

<td class = "bordercolor" onclick = "this.className = (this.className == 'bordercolor-new')"><a href = 'силка'></a></td>

Подскажите, как onclick можно записать в куки, чтобы после перезагрузки onclick был уже как бы нажатым.

Answer 1

https://jsfiddle.net/pvye7oxh/

В сниппете не работает из-за настроек безопасности.

~function () {
  var elem = document.getElementById("dest")
  elem.className = document.cookie.match(/\bsmth=red\b/) ? 'red' : 'blue';
  elem.addEventListener('click', function () {
    document.cookie = "smth=" + (elem.className === 'red' ? 'blue' : 'red');
  })
}()

.blue { color: blue }
.red { color: red }

<table>
  <tr>
    <td id="dest">
      Just some text
    </td>
  </tr>
</table>