game.js

// Suits, ranks and values
const suits = ['Hearts', 'Diamonds', 'Spades', 'Clubs'];
const ranks = ['Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Jack', 'Queen', 'King', 'Ace'];
const values = {'Two': 2, 'Three': 3, 'Four': 4, 'Five': 5, 'Six': 6, 'Seven': 7, 'Eight': 8, 'Nine': 9, 'Ten': 10,
          'Jack': 10, 'Queen': 10, 'King': 10, 'Ace': 11};

let playing = true;

// Card
function Card(suit,rank){
    this.suit = suit;
    this.rank = rank;
    return [suit,rank];
};

let card = new Card();

// Deck
function Deck() {
    
    this.deck = [];
    for (let suit in suits) {
        for (let rank in ranks) {
            this.deck.push(Card(suits[suit], ranks[rank]));
        }
    }   
}

let deck = new Deck();

// Shuffle function
function shuffle() {
    let m = deck.deck.length, i;

    while (m) {
    i = Math.floor(Math.random() * m--);

    [deck.deck[m], deck.deck[i]] = [deck.deck[i], deck.deck[m]];
    }
}

// Deal function
function deal() {
    let single_card = deck.deck.pop();
    return single_card;
}

let cards = [];
let value = 0
let aces = 0

// Add card function
function add_card(card){
    cards.push(card);
    console.log(card);
    if (card[1] == 'King' || card[1] == 'Queen' || card[1] == 'Jack' ){
        value += 10;
    }else if(card[1] == 'Ace' && value > 11){
        value +=1;
    }else if(card[1] == 'Ace'){
        value +=11;
    }else{
        value += values[card[1]];
    }
            
}

// Money and bet
let total = 0;
let bet = 0;

function win_bet(){
    total += bet;
}
function lose_bet(){
    total -= bet;
}

//
console.log(deck.deck);
shuffle()
console.log(deck.deck);


// console.log(value+": WARTOŚĆ");
console.log(cards);
console.log(card.rank);
const container = document.querySelector('#player');
// const container2 = document.querySelector('#container2');

function deal_click(){
    console.log("click!");
};
// function nowyDiv(){
//     let itemBox = document.createElement('div');
//     itemBox.classList.add('przedmiot');
// }

var htmlEntities = {
    'Hearts' : '♥',
    'Diamonds' : '♦',
    'Clubs' : '♣',
    'Spades' : '♠'
}

const valuess = {'Two': 2, 'Three': 3, 'Four': 4, 'Five': 5, 'Six': 6, 'Seven': 7, 'Eight': 8, 'Nine': 9, 'Ten': 10,
          'Jack': 'J', 'Queen': 'Q', 'King': 'K', 'Ace': 'A'};


let liczbaklikniec = 0;

//Start game
// let start = function(){
//     let dealButton = document.getElementById('deal');
//     dealButton.addEventListener('click', deal_click);
//     dealButton.addEventListener('click', deal_start);
//     // let dealButton2 = document.getElementById('deal2');
//     // dealButton2.addEventListener('click', deal_click);
//     // dealButton2.addEventListener('click', przycisk2);  
// };

let deal_start = function(){
    add_card(deal());
    let btn = document.createElement("div");
    let val = document.createElement("div");
    btn.innerHTML = `
    
        <div class="top rank">` + valuess[cards[liczbaklikniec][1]] + `</div>
        <div class="suit">` + htmlEntities[cards[liczbaklikniec][0]] + `</div>
        <div class="bottom rank">` + valuess[cards[liczbaklikniec][1]] + `</div>
    `
    btn.classList.add('card');
    if(cards[liczbaklikniec][0] == 'Hearts'){
        btn.classList.add('hearts');
    }else if(cards[liczbaklikniec][0] == 'Diamonds'){
        btn.classList.add('diamonds');
    }else if(cards[liczbaklikniec][0] == 'Spades'){
        btn.classList.add('spades');
    }else{
        btn.classList.add('clubs');
    }

    val.innerHTML = value;
    val.classList.add('val');

    container.appendChild(btn);
    container.appendChild(val);   


    liczbaklikniec++;
    console.log(liczbaklikniec);
    console.log(value+": WARTOŚĆ");
}

//
function removeElementsByClass(className){
    var elements = document.getElementsByClassName(className);
    while(elements.length > 0){
        elements[0].parentNode.removeChild(elements[0]);
    }
}

//Try again - game reset
let tryAgain = function(){
    deck = [];
    deck = new Deck();
    cards = [];
    value = 0;
    aces = 0;
    liczbaklikniec = 0;
    removeElementsByClass("card");
    removeElementsByClass("val");
}

//Deal Button
let dealButton = document.getElementById('deal');
    dealButton.addEventListener('click', deal_click);
    dealButton.addEventListener('click', deal_start);

//Try Again button
let againButton = document.getElementById('again');
againButton.addEventListener('click', tryAgain);