Untitled

<ol id="files">

  <li>NO FILES

    <blockquote>WHY??????</blockquote>

  </li>

</ol>

<input type="text" placeholder="File name" id="fname"><BR><textarea placeholder="File content" id="fcont"></textarea>

<br>

<button id="go">Push data to filelist</button>

blockquote {

  padding:5px 10px;

  margin:0;

  border-left:solid 3px gainsboro;

  background:#eee

}

var list = document.getElementById("files"),

    files = JSON.parse(localStorage.files);

function init() {

  if(files) {

    list.innerHTML = ""

  }

  for (i=0;i<files.length;i++) {

    var li = document.createElement("li");

    li.textContent = files[i].name;

    var bq = document.createElement("blockquote");

    bq.textContent = files[i].content;

    list.appendChild(li);

    li.appendChild(bq)

  }

}

function pushData() {

  localStorage.files = JSON.parse(files.push({

    name: document.getElementById("fname").value,

    content: document.getElementById("fcont").value

    init();

  });

}

init()