<!DOCTYPE html>
<html>
<body>
<h1>The Storage length Property</h1>
<p>This example demonstrates how to use the length property to get the number of items stored in the session storage object.</p>
<h2>Missing sessionStorage items?</h2>
<p>Since you might not have any items stored in your session storage, we have added a script that creates some for you.</p>
<button onclick="createItems()">Create session storage items</button>
<h2>Get the number of sessionStorage Items</h2>
<p>Click the button to get the number of session storage items:</p>
<button onclick="myFunction()">Get number of items</button>
<p id="demo"></p>
<script>
function createItems() {
sessionStorage.test1 = "hello";
sessionStorage.test2 = "Jim";
sessionStorage.test3 = 358;
}
function myFunction() {
var x = sessionStorage.length;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>