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

  sessionStorage.setItem(keyword, value);
  document.getElementById("keyword").value = "";
  document.getElementById("text").value = "";
  show();
}
function show() {
  const databox = document.getElementById("databox");
  databox.innerHTML = '<div><input type="button" onclick="removeAll()" value="Erase Everything"></div>';
  for (let f = 0; f < sessionStorage.length; f++) {
    const keyword = sessionStorage.key(f);
    const value = sessionStorage.getItem(keyword);
    databox.innerHTML += "<div>" + keyword + " - " + value + "<br>";
    databox.innerHTML += '<input type="button" onclick="removeItem(\'' + keyword + '\')" value="Remove"></div>';
  }
}
function removeItem(keyword) {
  if (confirm("Are you sure?")) {
    sessionStorage.removeItem(keyword);
    show();
  }
}
function removeAll() {
  if (confirm("Are you sure?")) {
    sessionStorage.clear();
    show();
  }
}
window.addEventListener("DOMContentLoaded", initiate);