<title>HTML5 API Web Storage</title>
<h1>sessionStorage 객체를 이용한 데이터의 저장</h1>
<p><button onclick="clickCounter()" type="button">카운터 증가!!</button></p>
<p>브라우저 탭이나 창을 닫으면 카운터의 횟수는 초기화될 것입니다.</p>
<p>하지만 결과보기를 누르거나 F5를 누르면 초기화되지 않을 것입니다.</p>
function clickCounter() {
if(typeof(Storage) !== "undefined") {
if (sessionStorage.clickcount) {
sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
sessionStorage.clickcount = 1;
document.getElementById("counter").innerHTML = "카운터의 현재 횟수는 " + sessionStorage.clickcount + "입니다!";
document.getElementById("counter").innerHTML = "이 문장은 사용자의 웹 브라우저가 Web Storage API를 지원하지 않을 때 나타납니다!";