uygulamadan hemen sonra alt öğeyi gösterme

Question

var firstMove = 0; 
var pictures = ['boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg'] 
pictures.sort() 
function replyClick(clicked_id) 
{ 
    //if player already draw one card; 
    if (firstMove){ 
    var image = document.getElementById(clicked_id); 
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />' 
    var firstPicture = document.getElementById(firstMove); 
    if (image.innerHTML == firstPicture.innerHTML){ 
     firstMove=0; 

    } 
    else { 
     image.innerHTML = ""; 
     firstPicture.innerHTML = ""; 
     firstMove=0 
    } 

    } 
    // if player didnt draw any card; 
    else { 
    var image = document.getElementById(clicked_id); 
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />' 
    firstMove = clicked_id 
    } 
} 


<div class="card" id="1" onclick="replyClick(this.id)"></div> 
<div class="card" id="2" onclick="replyClick(this.id)"></div> 

İki aynı resim için basit bir pexeso oyunu yaratmaya çalışıyorum.

Sorum birileri iç koşulu sonra it.Because benim komut gösterisi resmi tıklayın hemen sonra belirli resim göstermek için bu kodu nasıl değiştirileceği ama bu dizi elemanlarını karşılaştırın

Answer 1

cevap me.Thanks için çok geç .

pictures[clicked_id-1] == pictures[firstMove-1] 

küçük gecikme kullanım setTimeout

// other code 
function replyClick(clicked_id) { 
    if (firstMove){ 
     var imageSrc = pictures[clicked_id-1]; 
     var prevImageSrc = pictures[firstMove-1]; 

     var image = document.getElementById(clicked_id); 
     image.innerHTML = '<img src='+imageSrc+' />' 
     var firstPicture = document.getElementById(firstMove); 

     if (imageSrc == prevImageSrc) { 
      firstMove=0; 
     } else { 
      // code will run after 1s delay 
      setTimeout(function() { 
       image.innerHTML = ""; 
       firstPicture.innerHTML = ""; 
       firstMove=0; 
      }, 1000); // delay = 1 second 
     } 

    } else { 
     var image = document.getElementById(clicked_id); 
     image.innerHTML = '<img src='+pictures[clicked_id-1]+' />' 
     firstMove = clicked_id 
    } 
}