//index.html

page1

Key: Value:

page2

Your Key:
Your Value:

//main.js function saveHandler() { var tempKey = document.getElementById("tempKey").value, tempValue = document.getElementById("tempValue").value; localStorage.setItem(tempKey,tempValue); tau.changePage("#secondPage"); } function loadHandler() { var myKey, myValue; myKey = localStorage.key(0); myValue = localStorage.getItem(localStorage.key(0)); console.log("Key:" + myKey + "Value:" + myValue); document.getElementById("mykey").innerHTML = myKey; document.getElementById("myvalue").innerHTML = myValue; } function clearHandler() { localStorage.clear(); console.log("storage is cleaned"); } var initHandler = function() { var saveAction = document.getElementById("saveAction"), loadAction = document.getElementById("loadAction"), clearAction = document.getElementById("clearAction"); saveAction.addEventListener('click', saveHandler, false); loadAction.addEventListener('click', loadHandler, false); clearAction.addEventListener('click', clearHandler, false); }; window.onload = initHandler;

Search form

Languages

web storage