Can you explain the differences between localStorage and sessionStorage in web data storage?

localStorage and sessionStorage are two types of web storage that allow data to be stored on the client side, but they differ in lifespan and scope:

• localStorage stores data without an expiration date. The data remains accessible even after closing and reopening the browser, until explicitly deleted.

• sessionStorage stores data only for the duration of the current browser tab session. The data is deleted after the tab is closed.

Both storages operate on a key-value principle and are accessible via JavaScript.

Example usage:

// Save data
localStorage.setItem('token', 'abc123');
sessionStorage.setItem('sessionId', 'xyz789');

// Retrieve data
const token = localStorage.getItem('token');
const sessionId = sessionStorage.getItem('sessionId');

Thus, if you need to save data across sessions (e.g., user settings), use localStorage. If the data is only needed for the duration of a single session (e.g., temporary form data), use sessionStorage.