HTML and CSS Reference
In-Depth Information
document.getElementById('count').textContent
sessionStorage.length;
//addkey/values
document.getElementById('add').addEventListener('click',
function(e){
var sKey document.getElementById('sKey').value;
var sValue document.getElementById('sValue').value;
sessionStorage.setItem(sKey,sValue);
$i.updateDisplay();
},true);
//clear
document.getElementById('clear').addEventListener('click',
function(e){
sessionStorage.clear();
$i.updateDisplay();
},true);
$i.updateDisplay();
};
$i.updateDisplay function() {
vari,key;
document.getElementById('count').textContent
sessionStorage.length;
var existing document.getElementById('existing');
existing.textContent '';
for (i 0; i < sessionStorage.length; i++)
{
key sessionStorage.key(i);
Value sessionStorage.getItem(key);
existing.innerHTML + key + ' ' + Value + '<br/>';
}
;
document.addEventListener("DOMContentLoaded", $i.init, false);
}).call();
</script>
</head>
<body>
<div id "topbar">
<div id "title">sessionStorage [1/2]</div>
