How to utilize localStorage and sessionStorage in JavaScript

author details
AdiPie
25th Mar 2021
1 min read
Image
localStorage-and-sessionStorage

LocalStorage and SessionStorage

The localStorage and sessionStorage properties are allowing to store key and values which are sets into the web browser. 

There is no expiration date of the local storage data object. If the browser is closed data will not be deleted and accessible for the day, week, or year. Property of local storage is only for reading.

Read data from localStorage

<script type="text/JavaScript">
       window.onload = function() {
          var accessToken = localStorage.getItem('accessToken');
          document.getElementById("customId").innerHTML = accessToken;
       };
</script>

Save data to localStorage

<script type="text/JavaScript">
          var accessToken = localStorage.setItem('accessToken', 'test-data');
</script>