Saving forms

  1. Cut the mustard. If this browser doesn’t support localStorage, bail out.
  2. Set the localStorage key to be the current URL.
  3. If there’s already an entry for the current URL, update the textarea with the value in localStorage.
  4. Write a function to store the contents of the textarea in localStorage but don’t call the function yet.
  5. The first time that a key is pressed inside the textarea, start listening for the page being unloaded.
  6. When the page is being unloaded, invoke that function that stores the contents of the textarea in localStorage.
  7. When the form is submitted, remove the entry in localStorage for the current URL.

--

--

--

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Building Facebook Messenger Clone in React Native.

Web Design-Implement Infinite Scroll in React with Intersection Observer API

Profiling — React Applications

All you need to know about JavaScript objects.Part 2. JavaScript Object Properties

getting started with the JavaScript array sort() method

Web Developing: React Redux a Story Of Joy & Pain

Instantiate and Destroy

Quickly Build a Mainframe Web App with ExpressJS and Zowe CLI

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

More from Medium

How to automate accessibility testing

Why you need a design system(part 3)

Publishing Storybooks

From a legacy UI to a multi-app Design System