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