OyJzNo

index.html

<div>
  <button id="add">Add</button>
  <button id="clear">Clear</button>
</div>
<ul id="list">
  <script>
     document.write(localStorage.getItem("dd-cache"));
  </script>
</ul> 
  

OyJzNo.markdown

OyJzNo

A Pen by Richard Craig on CodePen.

License.

script.js

function save(){
  $('#list').find('script').remove();
  var h = $('#list').html();
  localStorage.setItem("dd-cache", h);
}
var cnt = 0;
$('#add').click(function(){
  $('<li>Hello ' + cnt + ': ' + new Date() + '</li>').appendTo('#list');
  cnt++;
  save();
});
$('#clear').click(function(){
  localStorage.setItem("dd-cache", '');
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>