Cards

function cardDeckBuilder(selector) {
        let cards = [];
        function addCard(face, suit) {
            let div = $('<div class="card">');
            div.append(face);
            switch (suit){
                case 'C':
                    suit = '\u2663 ';
                    break;
                case 'D':
                    suit = '\u2666 ';
                    break;
                case 'H':
                    suit = '\u2665 ';
                    break;
                case 'S':
                    suit = '\u2660';
                    break;
            }
            div.append(suit);
            $(selector).append(div);
            cards.push(div);
        }

        $('#main').on('click', '.card', function () {
            cards.reverse();
           for(let card of cards){
               $('#main').append(card)
           }
        });
        return {addCard};
    }