Concentration, also known as Match Match, Memory, Pelmanism, Shinkei-suijaku, Pexeso, or Pairs, is a card game in which all of the cards are laid facedown on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.
This game is crazy cool. I have heard that you are actually not that cool unless you play this game.
Concentration, also known as Match Match, Memory, Pelmanism, Shinkei-suijaku, Pexeso, or Pairs, is a card game in which all of the cards are laid facedown on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.
<\!--
-->
<script src="main.js"><\/script>
</script>
<script id="jsbin-source-css" type="text/css">.board {
height: 50%;
width: 75%;
display: inline-block;
}
.card {
height: 200px;
width: 150px;
background-color: #ffff00;
border:1px rgb(0,0,0) solid;
border-radius: 10px;
float: left;
margin: 8%;
position: relative;
}
h1 {
color: rgba(2,132,130,1);
}
h2 {
color: #ffd700;
}
h3 {
color: #dd4400;
}
.name {
color: #ff0000;
}
body {
text-align: center;
}
nav {
background-color: #808080;
}
a {
background-color: #ffbf00;
color: white;
padding: 35px;
display: block;
float: left;
}
a:hover {
background-color: #ee5f3c
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
font-size: 0;
}
footer {
background-color: #808080;
}
img {
height: 201px;
width: 151px;
background-color: #ffff00;
border:1px rgb(0,0,0) solid;
border-radius: 12px;
float: left;
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">console.log("JS file is connected to HTML! Woo!");
// find how many elements have 'game-board as Id'
var board = document.getElementById('game-board');
var cards = ['queen','queen','king','king'];
var cardsInPlay = [];
function createBoard() {
//instead of looping through a fixed number
//loop through the length of the cards
for (var i = 0; i