localStorage🫙
localStorage in JS is a web storage API that allows you to store key-value pairs in a web browser with no expiration time.
JS supports different kinds of web storage, including localStorage, sessionStorage, and cookies.
- Set item in localStorage
localStorage.setItem('key', 'value');
- Get an item form localStorage
var value = localStorage.getItem('key');
- Remove an item form localStorage
localStorage.removeItem('key');
- Iterate over all keys in localStorage
for (var i = 0; i < localStorage.length; i++) {
var key = localStorage.key(i);
var value = localStorage.getItem(key);
console.log(key, value);
}
🌐Application🈸
Enhancing User Experiance
- Theme Preference: stroring user selected themes(light,dark).
- Form Autofill: save user entered form data for quicker completion on future visit.
- Cart Management: persist shopping cart items even after closing the browser or switching devices.
- Game Progress: save game score etc
- User Settings: Remember user defined setting like font-size, language or notification.
