function saveOptions(e) {
  e.preventDefault();
  chrome.storage.local.set({
    local: document.querySelector("#local").value,
    test: document.querySelector("#test").value,
    prod: document.querySelector("#prod").value,
  });
}

function restoreOptions() {
  function updateUI(restoredSettings) {
    document.querySelector("#local").value = restoredSettings.local || "";
    document.querySelector("#test").value = restoredSettings.test || "";
    document.querySelector("#prod").value = restoredSettings.prod || "";
  }

  chrome.storage.local.get(null, updateUI);
}

document.addEventListener("DOMContentLoaded", restoreOptions);
document.querySelector("form").addEventListener("submit", saveOptions);