Lab Session: Saving data to localStorage

From NSB App Studio
Jump to navigation Jump to search

In this lab you will modify your app so you can save historical weather data in localStorage.

Student Outline

  1. Open LabLocalStorage.nsx.
  2. Modify Sub Main to check localStorage for an element called weatherSaves. If it does not exist, initialize it to an empty array. Remove the lstSaves initialization code.
  3. Modify the click code for btnSave so that it adds a new entry to the weatherSaves array of localStorage. The entry should be an object containing all the weather data including the current date.
  4. Add an onshow event for frmSaves that initializes lstSaves with the entries from the weatherSaves array.
  5. Add a click event to lstSaves that retrieves the proper entry from weatherSaves when clicked, sets the proper values in frmSavedData, and displays it.