cards

function cardDeckBuilder(selector) {
        let container = $(selector);

        function checkSuits(suit) {
            let card = ''
            if(suit=='C') {
                card = '\u2663'
            }else if(suit=='D') {
                card = '\u2666 '

            }else if(suit=='H') {
                card = '\u2665 '

            }else if(suit=='S') {
                card = '\u2660'

            }
            return card;
        }

        function reverseCards() {
            var list = container;
            var listItems = list.children('.card');
            list.append(listItems.get().reverse());

        }

        return {
            addCard:function (face,suit) {
                let suits  = checkSuits(suit);
                let div = $('<div class="card">').on('click',reverseCards);
                div.text(`${face} ${suits}`);
                container.append(div)
            }
        }
    }