當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'); 
} 
});