mikaelleven/AppAuthTest.markdown

## AppAuthTest.markdown

      
    Raw
  

              AppAuthTest.markdown
            
          
    AppAuthTest

A Pen by Mikael Levén on CodePen.
License.

  
## index.html

    <body>


    <div id="xx">Hejsan</div>

    <button type="button" value="Set the value" onclick="setIt();">Set the value</button>

    </body>

## script.js


function getIt() {
	var objXX = document.getElementById("xx");

	if(typeof(Storage) !== "undefined") {
	    // Code for localStorage/sessionStorage.
	    var curVal = localStorage.getItem("myval");

	    if(curVal == null)
	    	objXX.innerText = 'Value not set!';
	    else
			objXX.innerText = 'Value is: ' + curVal;

	} else {
	    // Sorry! No Web Storage support..
	    alert("Sorry! No Web Storage support..");
	}
}

function setIt() {
	localStorage.setItem("myval", "new val " + new Date().toString());

	getIt();
}

window.onload = function() {
    getIt();
}


## style.css

    button
    {
    	padding: 12px;
    }

	<body>


	<div id="xx">Hejsan</div>

	<button type="button" value="Set the value" onclick="setIt();">Set the value</button>

	</body>


	function getIt() {
	var objXX = document.getElementById("xx");

	if(typeof(Storage) !== "undefined") {
	// Code for localStorage/sessionStorage.
	var curVal = localStorage.getItem("myval");

	if(curVal == null)
	objXX.innerText = 'Value not set!';
	else
	objXX.innerText = 'Value is: ' + curVal;

	} else {
	// Sorry! No Web Storage support..
	alert("Sorry! No Web Storage support..");
	}
	}

	function setIt() {
	localStorage.setItem("myval", "new val " + new Date().toString());

	getIt();
	}

	window.onload = function() {
	getIt();
	}