Day-20_LocalStorage_and_SessionStorage

Day-20 : LocalStorage and SessionStorage 🍵❤️‍🔥

Tasks | Activities 🌟

Activity 1: Understanding LocalStorage

• Task 1: Write a script to save a string value to localStorage and retrieve it. Log the retrieved value.

• Task 2: Write a script to save an object to localStorage by converting it to a JSON string. Retrieve and parse the object, then log it.

---

Activity 2: Using LocalStorage

• Task 3: Create a simple form that saves user input (e.g., name and email) to localStorage when submitted. Retrieve and display the saved data on page load.

• Task 4: Write a script to remove an item from localStorage. Log the localStorage content before and after removal.

---

Activity 3: Understanding SessionStorage

• Task 5: Write a script to save a string value to sessionStorage and retrieve it. Log the retrieved value.

• Task 6: Write a script to save an object to sessionStorage by converting it to a JSON string. Retrieve and parse the object, then log it.

---

Activity 4: Using SessionStorage

• Task 7: Create a simple form that saves user input (e.g., name and email) to sessionStorage when submitted. Retrieve and display the saved data on page load.

• Task 8: Write a script to remove an item from sessionStorage. Log the sessionStorage content before and after removal.

---

Activity 5: Comparing LocalStorage and SessionStorage

• Task 9: Write a function that accepts a key and a value, and saves the value to both localStorage and sessionStorage. Retrieve and log the values from both storage mechanisms.

• Task 10: Write a function that clears all data from both localStorage and sessionStorage. Verify that both storages are empty.

---

Feature Request 🙇‍♂️

1. LocalStorage Script: Write a script that saves, retrieves, and removes items from localStorage, and displays the saved data on page load.

2. SessionStorage Script: Create a script that saves, retrieves, and removes items from sessionStorage, and display

3. Storage Comparison Script: Write a script that saves data to both localStorage and sessionStorage, retrieves the data, and compares the results.

4. Clear Storage Script: Create a script that clears all data from both localStorage and sessionStorage, and verifies the operation.

Achievement 🏆

By the end of these activities, you will:

• Understand how to use localStorage and sessionStorage for persistent and session- specific data storage.

• Save, retrieve, and remove data from both localStorage and sessionStorage.

• Implement form data storage using localStorage and sessionStorage.

• Compare and contrast the use cases for localStorage and sessionStorage.