Nếu bạn đóng trang web thì bộ đếm giá trị sẽ lưu lại giá trị hiện tại, và khi bạn mở lại trang web cũng trên trình duyệt này thì bộ đếm vẫn sẽ tiếp tục làm việc với giá trị đã lưu trữ. Bạn hãy thử xem sao.
Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function fdem(){
if(typeof(Storage)!="undefined"){
if (localStorage.clickcount){
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML="Bạn đã click vào nút lệnh <span style='color:red; font-weight:bold; font-size:18px;'>" + localStorage.clickcount + "</span> lần.";
}
else{
document.getElementById("result").innerHTML="Trình duyệt này không hỗ trợ web storage!";
}
}
</script>
</head>
<body>
<p><button type="button" onclick="fdem();">Click đây!</button></p>
<div id="result"></div>
<p>Hãy click vào nút lệnh, bạn sẽ thấy hiệu ứng.</p>
<p>Nếu bạn đóng trang web thì bộ đếm giá trị sẽ lưu lại giá trị hiện tại, và khi bạn mở lại trang web cũng trên trình duyệt này thì bộ đếm vẫn sẽ tiếp tục làm việc với giá trị đã lưu trữ. Bạn hãy thử xem sao.</p>
</body>
</html>