createElement inside a for-loop just replaces created item
<p>Alright so I googled a lot about creating multiple items with appendChild, but I'm not understanding how it works. My appendChild just replaces instead of adding many.</p>

<pre><code>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 &lt; cards; i++){ 
            board.appendChild(backside);
        }
    };
};
</code></pre>

<p>I also read you can do this with innerHTML, but that leaves me confused as well.. anyone has a more detailed explanation how to make this work?</p>
