function initiate() {
  const button = document.getElementById("save");
  button.addEventListener("click", newitem);
  window.addEventListener("storage", storagechange);
  show();
}
function newitem() {
  const keyword = document.getElementById("keyword").value;
  const value = document.getElementById("text").value;
  localStorage.setItem(keyword, value);
  document.getElementById("keyword").value = "";
  document.getElementById("text").value = "";
  show();
}
function storagechange(event) {
  console.log(event.key);
  console.log(event.oldValue);
  console.log(event.newValue);
  console.log(event.url);
  console.log(event.storageArea);
  show();
}
function show() {
  const databox = document.getElementById("databox");
  databox.innerHTML = "";
  for (let f = 0; f < localStorage.length; f++) {
    const keyword = localStorage.key(f);
    const value = localStorage.getItem(keyword);
    databox.innerHTML += "<div>" + keyword + " - " + value + "</div>";
  }
}
window.addEventListener("DOMContentLoaded", initiate);