Перемешать случайное изображение из массива - PullRequest
Новая
       71

Перемешать случайное изображение из массива

0 голосов
/ 26 сентября 2019

Я новичок в JS и сейчас работаю над своей карточной игрой.Дело в том, чтобы открыть все ячейки и запомнить изображения.Каждая ячейка показывает вам случайную картинку и поворачивает назад.Это означает, что вам нужно просмотреть все карты, если вы не соответствуете всем одинаковым.До сих пор мне удалось создать поле с определенным количеством ячеек и добавить к каждой ячейке одно изображение (обратная сторона карточек).Как я могу добавить одно случайное изображение из массива (лицевая сторона карты) с определенной ячейкой, когда происходит метод onclick? 

var images = ["cards/club.png", "cards/heart.png", "cards/spade.png", "cards/star.png"];

function imgRandom(imgArr) {
    return imgArr[Math.floor(Math.random() * imgArr.length)];
}

function createTable() {
    var table = document.getElementById("gameBoard");
    var card = document.getElementById("cardBack");

    table.innerHTML = "";
    for (var i = 0; i < size; i++) {
        var row = document.createElement("tr");
        for (var j = 0; j < size; j++) {
            var cell = document.createElement("td");
            var backImg = document.createElement('img');
            backImg.className = "cardBack";
            cell.className = "square";
            cell.id = i + ',' + j;

            cell.appendChild(backImg);

            backImg.onclick = function () {
                console.log(imgRandom(images));
            }
            row.appendChild(cell);
        }
        table.appendChild(row);
    }
}
...