当js变量变化不起作用时jquery改变

Question

我试图做一个游戏，你点击一个按钮来获得一个点。一旦你获得X点数出现一个div。我厌倦了使用jquery的.change来查看#pointCounter是否已经改变，以便知道是否应该出现新的div（通过添加新类）。虽然这不起作用。我没有正确使用更改方法，还是应该使用其他方法？有没有检查什么时候var变化而不是检查html变化？

HTML

<p>You have <span id='pointCounter'>0</span> points.</p> 
<button id='clickButton'>Click Me</button> 
<div id='store'></div> 

JS

$('#clickButton').click(function() { 
    points = points + addPoints; 
    $('#pointCounter').html(points); 
}); 


$('#pointCounter').change(function() { 
    if (points >= 5) { 
    $('#store').addClass('showMe'); 
} 
});