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