如何根據遊戲數量顯示div

Question

我有一個問題，我無法解決它。你能幫我嗎？ 所以我的PHP代碼：點擊按鈕

$aTicketsGames = array(134, 137, 165, 136, 177, 181, 190); 
$b_isRapidGame = false; 
    if(in_array($i_jeu, $aTicketsGames)){ 
     $b_isRapidGame = true; 
} 

在.js文件後，我做的：

if(obj.google_analytics.is_rapid_game == true){ 
    var i++; 
    if(i == 10){ 
     document.getElementById('div1').setAttribute('class','display-block'); 
    } 
    if(i==20){ 
     document.getElementById('div2').setAttribute('class','display-block'); 
    } 
} 

的理念是：假設我有一個變量i標誌着的遊戲次數。如果i = 10,30,50,70,90....顯示爲div1。如果i = 20,40,60,80,100....顯示div2。

我是新手在.js中，我不知道如何實現這一點。請幫幫我！！！！

Thx提前。

Answer 1

看評論在線：

var i = 0; // Define it out of `if`. 

if (obj.google_analytics.is_rapid_game === true) { 
    i++; // Increment by 1 

    if (i && (i % 20) === 0) { // If divisible by 20 
     $('#div2').show(); // Show `div2` 

     // OR 
     $('#div2').addClass('display-block'); // Add Class 
    } else if (i && (i % 10) === 0) { // If divisible by 10 
     $('#div1').hide(); // Hide `div1` 

     // OR 
     $('#div1').removeClass('display-block'); // Remove Class 
    } 
} 

Answer 2

使用style代替class並且使用%代替if條件。另外，i應設置爲globally而不是locally。

var i = 0; 
    if(obj.google_analytics.is_rapid_game == true){ 
     i++; 
     if(i % 20 == 10){ 
      document.getElementById('div1').setAttribute('style','display-block'); 
     } 
     else if(i % 20 == 0 && i > 0){ 
      document.getElementById('div2').setAttribute('style','display-block'); 
     } 
    } 

Answer 3

var i = 0; 
if (obj.google_analytics.is_rapid_game === true) { 
    i++; 

    if ((i % 20) === 0) { 
     $('#div2').show();**//or** $('#div2;).css('display','block'); 
     $('#div1').hide();**//or** $('#div1;).css('display','none'); 
    } else if ((i % 10) === 0) { 
     $('#div1').show(); 
     $('#div2').hide(); 
    } 
}