bradymholt/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <script>
    const issueId = window.location.search; // TODO: clean up parsing of issue id
    const formTextLocalStorageKey = `formText_${issueId}`;

    document.addEventListener("DOMContentLoaded", function () {
      restoreDraftFormText();

      getFormTextElement().addEventListener("keyup", (event) => {
        saveDraftFormText();
      });
    });

    function restoreDraftFormText() {
      const formTextElement = getFormTextElement();
      var backedUpIssueTextValue = localStorage.getItem(formTextLocalStorageKey);
      if (backedUpIssueTextValue && !formTextElement.value) {
        formTextElement.value = backedUpIssueTextValue;
      }
    }
    function saveDraftFormText() {
      var issueTextValue = getFormTextElement().value;
      localStorage.setItem(formTextLocalStorageKey, issueTextValue);
    }
    function getFormTextElement() {
      return document.getElementById("formText");
    }
  </script>
  <body>
    <fieldset>
      <legend>Form</legend>
      <form>
        <textarea id="formText" name="formText" cols="40" rows="4"></textarea>
        <div>
          <button type="submit">Submit</button>
        </div>
      </form>
    </fieldset>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	</head>
	<script>
	const issueId = window.location.search; // TODO: clean up parsing of issue id
	const formTextLocalStorageKey = `formText_${issueId}`;

	document.addEventListener("DOMContentLoaded", function () {
	restoreDraftFormText();

	getFormTextElement().addEventListener("keyup", (event) => {
	saveDraftFormText();
	});
	});

	function restoreDraftFormText() {
	const formTextElement = getFormTextElement();
	var backedUpIssueTextValue = localStorage.getItem(formTextLocalStorageKey);
	if (backedUpIssueTextValue && !formTextElement.value) {
	formTextElement.value = backedUpIssueTextValue;
	}
	}
	function saveDraftFormText() {
	var issueTextValue = getFormTextElement().value;
	localStorage.setItem(formTextLocalStorageKey, issueTextValue);
	}
	function getFormTextElement() {
	return document.getElementById("formText");
	}
	</script>
	<body>
	<fieldset>
	<legend>Form</legend>
	<form>
	<textarea id="formText" name="formText" cols="40" rows="4"></textarea>
	<div>
	<button type="submit">Submit</button>
	</div>
	</form>
	</fieldset>
	</body>
	</html>