如何使图像显示并通过“单击”更改？

Question

https://github.com/baolmovement/wdi-fundamentals-memorygame

以上是我项目的回购。我正在尝试A）获得卡片图像B）让卡片图像翻转到脸部图像。

我做错了什么？

var flipCard = function(){ 

var cardId = this.getAttribute('data-id');

var cardOne = cards[0];
cardsInPlay.push(cards[0].rank);
console.log("User flipped " + cards[0].rank);  
console.log(cards[0].cardImage);



var cardTwo = cards[2];
cardsInPlay.push(cards[2].rank);
console.log("User flipped " + cards[2].rank); 
console.log(cards[2].cardImage);

console.log (this.cardImage).setAttribute('src', this);

if (cardsInPlay.length === 2){alert("Sorry, try again!")} 
    else if (cardsInPlay[0] === cardsInPlay[1]) {alert("You found a match!");}   

checkForMatch;

};   

var createBoard = function(){ 
for (var i = 0; i < cards.length; i++) {   
    var cardElement = document.createElement('img');  
    cardElement.setAttribute('src', "images/back.png"); 
    cardElement.setAttribute(i,'data-id'); 
    cardElement.addEventListener('click',flipCard);   
    cardElement.appendChild('game-board')
};

createdBoard();