function initiate() {
  const button = document.getElementById("save");
  button.addEventListener("click", newitem);
  show();
}
async function newitem() {
  const keyword = document.getElementById("keyword").value;
  const value = document.getElementById("text").value;

  localStorage.setItem(keyword, value);
  show();

  document.getElementById("keyword").value = "";
  document.getElementById("text").value = "";

  try {
    const ispersisted = await navigator.storage.persist();
    if (ispersisted) {
        console.log("Data is persistent.");
    } else {
        console.log("Data is not persistent.");
    }
  } catch (error) {
    console.error("Request error: ", error);
  }
}
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);