wie man Karte in Javascript Memory-Spiel

Question

Flip in einem Begginer in Javascript und ich versuche, eine Karte umzudrehen, wenn ich darauf klicke. ich übergebe die cardid im html beim aufrufen der funktion flipcard. Aber wenn ich einen Fehler bekomme, kann ich die Eigenschaft src von null nicht setzen.

var faces = []; //array to store card images 
    faces[0] = 'images/king-of-diamonds.png'; 
    faces[1] = 'images/king-of-hearts.png'; 
    faces[2] = 'images/queen-of-diamonds.png'; 
    faces[3] = 'images/queen-of-hearts.png'; 

var cardsInPlay = []; 

var checkForMatch = function() { 
    if (cardsInPlay[0] === cardsInPlay[1]) { 
      console.log("You found a match!"); 
     } else { 
      console.log("Sorry, try again."); 
     } 
} 

var flipCard = function(cardId) { 

    document.getElementById('q').src=faces[cardId] 

    checkForMatch(); 
} 






Html 



    <div> 
      <img onclick="flipCard(1)" id="image1" src="images/back.png" alt="Queen of Diamonds"> 
      <img onclick="flipCard(2)" id="image2" src="images/back.png" alt="Queen of Hearts"> 
      <img id="image3" src="images/back.png" alt="King of Diamonds"> 
      <img id="image4" src="images/back.png" alt="King of Hearts"> 
     </div> 

Answer 1

Suchen Sie in Ihrem Code was ist ID = q?

document.getElementById('q').src=faces[cardId] 

Sie nicht eine solche ID in Ihrem HTML haben, ist das, warum Ihr src