JS 변수가 변경되지 않을 때 Jquery가 변경됩니다.

Question

포인트를 얻기 위해 버튼을 클릭하는 게임을 만들려고합니다. X 점을 얻으면 div가 나타납니다. 나는 jquery의 .change를 사용하여 피곤한 점을 알기 위해 #pointCounter가 변경되었는지 확인했다. 새 div를 추가하여 새 div가 나타나는지 확인했다. 이것은 비록 작동하지 않습니다. 변경 방법을 올바르게 사용하지 않습니까? 아니면 다른 것을 사용해야합니까? html이 변경되었는지 확인하는 대신 var points가 변경 될 때를 확인하는 방법이 있습니까?

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