WebStorage - To: Information and samples for HTML5 and related APIs

localStorage

The value of your localStorage value for "name" is: (no value)

sessionStorage

The value of your sessionStorage value for "name" is: (no value yet)

Code used in this page

	(function () {
		function displayLocalStorageResults () {
			var localStorageVal = localStorage["name"];
			document.getElementById("local-storage-results").innerHTML = (localStorageVal)? localStorageVal : "(no value)";
		}
		displayLocalStorageResults();
		
		document.getElementById("set-local-storage").onclick = function () {
			localStorage["name"] = "Robert";
			displayLocalStorageResults();
		};
		
		document.getElementById("clear-local-storage").onclick = function () {
			localStorage.clear();
			displayLocalStorageResults();
		};
	})();
	
	(function () {
		function displaySessionStorageResults () {
			var sessionStorageVal = sessionStorage["lastName"];
			document.getElementById("session-storage-results").innerHTML = (sessionStorageVal)? sessionStorageVal : "(no value)";
		}
		displaySessionStorageResults();
		
		document.getElementById("set-session-storage").onclick = function () {
			sessionStorage["lastName"] = "Nyman";
			displaySessionStorageResults(sessionStorage["name"]);
		};
		
		document.getElementById("clear-session-storage").onclick = function () {
			sessionStorage.clear();
			displaySessionStorageResults("(no value)");
		};
	})();