Web Storage (localStorage, sessionStorage, cookies)

What is the purpose of the 'storage' event demonstrated in this code?

window.addEventListener('storage', (e) => {
  console.log('Key changed:', e.key);
  console.log('Old value:', e.oldValue);
  console.log('New value:', e.newValue);
  console.log('Storage area:', e.storageArea);
  console.log('URL:', e.url);
});

To monitor local changes to storage
To detect changes made to storage from other windows/tabs
The 'storage' event is used to detect changes made to storage from other windows/tabs: 1) It fires when localStorage or sessionStorage is modified in other tabs/windows, 2) Changes in the current window/tab do not trigger this event, 3) The event provides detailed information about the change through its properties, 4) It enables cross-tab communication and synchronization, 5) The event includes the key changed, old and new values, storage type, and source URL, 6) It's useful for maintaining state consistency across multiple tabs, 7) The event works for both localStorage and sessionStorage modifications, 8) It's a powerful feature for building multi-window applications.
To track storage quota usage
To handle storage errors

Next Question (4/20)