JSFiddle - React, Tailwind, and code Playground

by the wazz

HTML

<div>
  <form id="form"></form>
</div>

JavaScript

localStorage.setItem("test", "blah");
localStorage.setItem("test2", "blah2");
localStorage.setItem("test3", "blah3");
for (let i = 0; i < localStorage.length; i++) {
  let key = localStorage.key(i);
  let newDiv = document.createElement("div");

  newDiv.classList.add("task");
  newDiv.setAttribute("task-id", key);
  newDiv.innerHTML = localStorage.getItem(key);
  form.insertAdjacentElement("afterend", newDiv);
}

//faster way
Object.keys(localStorage).forEach(key => 
{
	console.log(key, localStorage[key]);
})

localStorage.removeItem("test");
localStorage.removeItem("test2");
localStorage.removeItem("test3");