create game logic

//cards Object
var cards = [
{
	rank: "queen",
	suit: "hearts",
	cardImage: "images/queen-of-hearts.png"
},
{
	rank:"queen",
	suit: "diamonds",
	cardImage: "images/queen-of-diamonds.png"
},
{
	rank: "king",
	suit: "hearts",
	cardImage: "images/king-of-hearts.png"
},
{
	rank:"king",
	suit:"hearts",
	cardImage: "images/king-of-diamonds.png"
}
];

// Steps for checking for match
var cardsInPlay = [];
var checkForMatch = function () {
	if (cardsInPlay.length === 2) {
		if (cardsInPlay[0]===cardsInPlay[1]) {
			alert("You found a match!");
		} else {
		alert("Sorry, try again.");
		}
	}
};

var flipCard = function () {
    var cardId = this.getAttribute("data-id");
	console.log ("User flipped" + cards[cardId].rank)
	cardsInPlay.push(cards[cardId].rank);
	this.setAttribute("src", cards[cardId].cardImage)
	checkForMatch();
	console.log (cards[cardId].suit);
	console.log (cards[cardId].cardImage);
};

	

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

}
};
createBoard();