I wiele się wyszukiwałem, tworząc wiele elementówappendChild, ale nie rozumiem, jak to działa. MójappendChild po prostu zastępuje zamiast dodawać wiele.

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);
        }
    };
};

Czytałem też, że możesz to zrobićinnerHTML, ale to też mnie dezorientuje. Czy ktoś ma bardziej szczegółowe wyjaśnienie, jak to zrobić?