blackjack.js

//Create an object for player data
let player = {
   name : "Shima",
   chips : 146,
   
}

let cards = []
let sum = 0
let hasBlackJack = false
let isAlive = false
let message = ""
let messageEl = document.getElementById("message-el")
let sumEl = document.getElementById("sum-el")
let cardsEl = document.getElementById("cards-el")


let playerEl =  document.getElementById("player-el")
let chipEl = document.getElementById("chip-el")
playerEl.textContent =  player.name + ": $" + player.chips






//Allowing the code to generate random numbers
function getRandomCard(){
    
     let randomNumber = Math.floor(Math.random() * 13 ) + 1
     if(randomNumber === 1 )
         return 11
     else if (randomNumber > 10  )
        return 10
    
    else
        return randomNumber
    
}

function startGame(){
    isAlive = true
    let firstCard =  getRandomCard()
    let secondCard =  getRandomCard()
    cards = [firstCard, secondCard]
    sum = firstCard + secondCard
    console.log(firstCard, secondCard)
    renderGame()
}


function renderGame(){
    cardsEl.textContent = "Cards: " 
    console.log(cards)
  
    for(let i = 0; i < cards.length ; i++){
        cardsEl.textContent +=(cards[i]) + " "
    }

    sumEl.textContent = "Sum: " + sum
    if ( sum < 21 ){
        message = "Do you want to draw a new card?" 
    
        }
    
    else if(sum === 21){
        message = "You've got BlackJack"
        hasBlackJack =  true
    }
    else{
        message = "You've lost"
        isAlive = false
    }
    messageEl.textContent = message
}

function newCard(){ 

    console.log("Drawing a new card from the deck")
    if(isAlive === true && hasBlackJack === false){
    let card = getRandomCard()
    sum+=card
    cards.push(card)
    console.log(cards)
    renderGame()  
    }
}