function saveOptions(e) {
  e.preventDefault();
  browser.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 || "";
  }

  function onError(error) {
    console.log(`Error: ${error}`);
  }

  const gettingStoredSettings = browser.storage.local.get();
  gettingStoredSettings.then(updateUI, onError);
}

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