HTML web storage provides two objects for storing data on the client:
LocalStorage – Data is stored permanently, until it is explicitly deleted.
Example code:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body> <script> // Store data in local storage localStorage.setItem("user", JSON.stringify({name: "shri kumar", age: 30})); // Retrieve data from local storage let user = JSON.parse(localStorage.getItem("user")); console.log(user); // {name: "shri kumar", age: 30} </script> </body> </html> |
SessionStorage – Data is stored for a single session and is deleted when the browser is closed.
Example Code:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body> <script> // Store data in session storage sessionStorage.setItem("username", "shri kumar"); // Retrieve data from session storage let user = sessionStorage.getItem("username"); console.log(user); // "shri kumare" </script> </body> </html> |