每次彈出消息時需要減少1個數字

Question

我有點卡在這裏，不知道如何繼續。每次彈出消息時都需要將數字減1。

var counter = 1; 
 
$(document).ready(function() { 
 
    if (counter == 1) { 
 
    counter++; 
 
    $('#cntVal').html(function(i, val) { 
 
     return +val - 2 
 
    }); 
 
    } else { 
 
    $('#cntVal').html(function(i, val) { 
 
     return +val - 1 
 
    }); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="cnt">You still have (<span id="cntVal">3</span>) more tries left. Good luck!</p>

應該有3次嘗試只有那麼第一條消息 你仍然還有2次嘗試離開。 然後 您還剩下1個嘗試。

但在這個代碼總是顯示2次嘗試:(

Answer 1

根據你的代碼，每個調用時$(document).ready(function(){});，用於減退數由一個你需要做的事件觸發。

var counter = 1; 
 
$(document).ready(function() { 
 

 
    $('#cnt').on('click', function() { 
 
    if (counter == 1) { 
 
     counter++; 
 
     $('#cntVal').html(function(i, val) { 
 
     return +val - 1 
 
     }); 
 
    } else { 
 
     $('#cntVal').html(function(i, val) { 
 
     return +val - 1 
 
     }); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="cnt">You still have (<span id="cntVal">3</span>) more tries left. Good luck!</p>

我在點擊段落時應用了事件觸發器