如何動態檢查一個jquery變量是否已經改變

Question

我遇到的問題是當變量schmeckle超過49時HTML沒有更新。 （在代碼第13行）

$(document).ready(function() { 
    var schmeckle = 0; 
    $('#schmeckleAdder').click(function() { 
     $('#iAmTheBody').css("background-color", "orange"); 
     if (schmeckle == 0) { 
      schmeckle = schmeckle + 1; 
      $('#iAmTheBody').append('<p id="howManyYouGot">You have ' + schmeckle + ' schmeckles!</p>'); 
     } 
     else { 
      schmeckle = schmeckle + 1; 
      $('#howManyYouGot').html('<p>You have ' + schmeckle + ' schmeckles!</p>'); 
     } 
    }); 
    if (schmeckle > 49) { 
     $('iAmTheBody').append('<button type="button" id="mortyBuyer">Buy a morty!</button>'); 
    } 
    else { 

    } 
}); 

Answer 1

您

錯過了ID選擇：改變$('iAmTheBody') =>$('#iAmTheBody')。你應該移動，你增加你的反邏輯裏面你的檢查：見 example

$(document).ready(function() { 
    var schmeckle = 0; 
    $('#schmeckleAdder').click(function() { 
     $('#iAmTheBody').css("background-color", "orange"); 
     if (schmeckle == 0) { 
      schmeckle = schmeckle + 1; 
      $('#iAmTheBody').append('<p id="howManyYouGot">You have ' + schmeckle + ' schmeckles!</p>'); 
     } 
     else { 
      schmeckle = schmeckle + 1; 
      $('#howManyYouGot').html('<p>You have ' + schmeckle + ' schmeckles!</p>'); 
      if (schmeckle > 3) { //change to 49 as you wish 
       $('#iAmTheBody').append('<button type="button" id="mortyBuyer">Buy a morty!</button>'); 
      } else { } 
     } 
    }); 
});