HTML | DOM Storage getItem() Method

Last Updated : 14 Jul, 2022

The getItem() method is used to retrieve the storage object which is specified by the user. This storage object can be localStorage object or sessionStorage object. Syntax:Parameters: It requires Keyname which specifies name of the key used for getting the value.

Return Value: A String, representing the value of the specified key.

Example: Get item from local storage.

html

<!DOCTYPE html>
<html>
 
<head>
    <!--script for creating new local 
      storage item and retrieve it -->
    <script>
        function createItem() {
            localStorage.name = "GeeksforGeeks";
        }
 
        function myFunction() {
 
            // get name of item from local storage.
            var x = localStorage.getItem("name");
            document.getElementById("demo").innerHTML =
                x;
        }
    </script>
</head>
 
<body>
    <h1>Welcome to GeeksforGeeks</h1>
    <h3>The Storage getItem() Method</h3>
    <p>
      Click on button to create a 
      local storage item 
    </p>
 
    <button onclick="createItem()">
      Create local storage item
    </button>
 
    <p>
      Click the button to get the item value:
    </p>
 
    <button onclick="myFunction()">
      Get the item value
    </button>
 
    <p id="demo"></p>
 
</body>
 
</html>