Я много гуглил о создании нескольких предметов сappendChild, но я'Я не понимаю, как это работает. мойappendChild просто заменяет вместо добавления многих.

var startGame;
var cards = 16;
var newDeck = [];

startGame = function(){
    var startBtn = document.getElementById('start');
    var board = document.getElementById('game-board');
    var backside = document.createElement("div");
    backside.className = 'card';

    startBtn.onclick = function(){
        removeButton = document.getElementById("start");
        removeButton.parentNode.removeChild(removeButton);

        for(var i = 0; i < cards; i++){ 
            board.appendChild(backside);
        }
    };
};

Я также читал, что вы можете сделать это сinnerHTML, но это также смущает меня. У кого-нибудь есть более подробное объяснение о том, как заставить это работать?