HTML and CSS Reference
In-Depth Information
//addkey/values
document.getElementById('add').addEventListener('click',
function(e){
var lKey document.getElementById('lKey').value;
var lValue document.getElementById('lValue').value;
localStorage.setItem(lKey,lValue);
$i.updateDisplay();
},true);
//clear
document.getElementById('clear').addEventListener('click',
function(e){
localStorage.clear();
$i.updateDisplay();
},true);
$i.updateDisplay();
};
$i.updateDisplay function() {
vari,key;
document.getElementById('count').textContent
localStorage.length;
var existing document.getElementById('existing');
existing.textContent '';
for (i 0; i < localStorage.length; i++)
{
key localStorage.key(i);
value localStorage.getItem(key);
existing.innerHTML + key + ' ' + value + '<br/>';
}
};
document.addEventListener("DOMContentLoaded", $i.init, false);
}).call();
</script>
</head>
<body>
<div id "topbar">
<div id "title">localStorage</div>
</div>
<div id "content">
<ul class "pageitem">
<liclass "textbox">
You have viewed this site <span id "loadCount">0</span> times.
</li>
</ul>
