Using an external .js file and write a save Data function that saves HTML form data into Local Storage. This includes all values for input, select, radio or checkboxes etc.
I need to save a key(random number) for my values(array or object). Each saved entry will be a key:value pair.
The key should be a randomly generated. The value should be an array or object that contains all the values of my form field data which will allow for my form to save multiple submissions into Local Storage without overwriting data.
Then I need to list out the saved data onto the screen from local storage when a user clicks a save data link. The original form should be hidden when I display the data from local storage onto the screen. (See attached screenshots for a guideline)
Included are all my files. The form displays properly but the submit does not save the data to local storage and my display data function does not work either. I just need someone to correct the submit and display functions so that they work.
