MemoryGame/cards.js at master · RealGobi/MemoryGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72


const play = document.querySelector(".memory-game");
var i;

var playCards = [
    {
        id: 1,
            img: 'ko'
        } ,
        {
            id: 2,
            img: 'hast'
        } ,
        {
            id: 3,
            img: 'gris'
        } ,
        {
            id: 4,
            img: 'lamm'
        } ,
        {
            id: 5,
            img: 'kalkon'
        } ,
        {
            id: 6,
            img: 'tupp'
        } ,
        {
            id: 1,
            img: 'ko'
        } ,
        {
            id: 2,
            img: 'hast'
        } ,
        {
            id: 3,
            img: 'gris'
        } ,
            {
            id: 4,
            img: 'lamm'
        } ,
        {
            id: 5,
            img: 'kalkon'
        } ,
        {
            id: 6,
            img: 'tupp'
        }
        ]

  playCards.forEach( function (playCards){
        let content= document.createElement('div');
         content.innerHTML = `
                <img class="front-face" src="./img/${playCards.img}.png" id='${playCards.id}' alt="${playCards.img}">
                <img class="back-face" src="./img/back_side.png" alt="Memory Card">
                <img class="win" src="./img/${playCards.img}.png">
        `;
        content.classList.add('memoryCard');
        content.id = playCards.id;
        play.appendChild(content);
 });