Skip to content

Instantly share code, notes, and snippets.

@codinko

codinko/session-storage.html

Created December 25, 2015 23:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codinko/bb36aca0678a4e529300 to your computer and use it in GitHub Desktop.
Save codinko/bb36aca0678a4e529300 to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 Session Storage example
Raw
session-storage.html
<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter() {
if(typeof(Storage) !== "undefined") {
if (sessionStorage.clickcount) {
sessionStorage.clickcount = Number(sessionStorage.clickcount)+1;
} else {
sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " + sessionStorage.clickcount + " time(s) in this session.";
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";
}
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Click me!</button></p>
<div id="result"></div>
<p>Click the button to see the counter increase.</p>
<p>Close the browser tab (or window), and try again, and the counter is reset.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment