Point System - localStorage

Question

我正在創建一個Point System，一旦人們獲得足夠的積分，他們就可以使用一些積分在我的網站上獲得很酷的功能。代碼中的使用點部分（每當用戶獲得某些內容時都會減少點數）不起作用。這裏是我的jQuery的點系統：

$(document).ready(function(){ 
    $('#curren').delay(200).animate({'top' : '-1px'},1500); 
if (localStorage.points222){ 
    localStorage.points222=Number(localStorage.points222) +5; 
} 
else{ 
    localStorage.points222=0; 
} 
function buy5(){ 
    if (localStorage.points222){ 
    localStorage.points222=Number(localStorage.points222) -5; 
} 
else{ 
    localStorage.points222=0; 
} 
} 
    $('#point_counter').html(localStorage.points222); 

if(Number(localStorage.points222) > 1){ 
    $('#point_name').html("1"); 
    $('#take').fadeIn(); 
} 
else{ 
    $('#take').fadeOut(); 
} 
if(Number(localStorage.points222) > 500){ 
    $('#point_name').html("2"); 
} 
if(Number(localStorage.points222) > 1000){ 
    $('#point_name').html("3"); 
} 

if(Number(localStorage.points222) > 2000){ 
    $('#point_name').html("4"); 
} 
if(Number(localStorage.points222) > 5000){ 
    $('#point_name').html("5"); 
} 
if(Number(localStorage.points222) > 10000){ 
    $('#point_name').html("6"); 
} 
if(Number(localStorage.points222) > 20000){ 
    $('#point_name').html("7"); 
} 
}); 

和HTML：

<div id="curren"> 
    Your Current Level: <b><span id="point_name"></span></b><br> 
    Points: <b><span id="point_counter"></span></b> 
    <span style="FLOAT:right;cursor:pointer;display:none;" id="take" onclick="buy5()">-5</span> 
</div> 

如果您需要的代碼是如何設置的更多信息，請讓我知道。

Answer 1

簡短的回答：你永遠不會更新顯示的點數。你錯放了一條線。

在localStorage的價值確實是由5每一個用戶點擊<span>和buy5()被調用，但 ..你永遠不更新點的顯示值時間減少。換句話說，行..

$('#point_counter').html(localStorage.points222); 

..應該是的buy5的定義裏面，當現在它是一個支架太遠。它不會在每個buy5()結束時被調用，而只會被調用一次，作爲$(document).ready()的一部分。