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()的一部分。