Facing Problem in Displaying New Card (Blackjack Game)

[mohtashim_x]

when i Add new card its not display the random cards properly using math,random is et the value to 12 of cards but they did’t display the array properly

let player = {
    name : "User",
    perks: 200
}
let hasblackjack = false
let IsAlive = false
let message = ""
let sum = 0
let cardarray = []
console.log(cardarray)
let messageEl = document.getElementById("message-el")
console.log(messageEl)
let sumEl = document.getElementById("sum-el")
let cardEl = document.getElementById("card-el")
let playerEl = document.getElementById("player-el")
playerEl.textContent = player.name + ": $" + player.perks
function getrandomcard(){
    let randomnum =  Math.floor(Math.random()*12) 
    if( randomnum > 10){
        return 10
    }
    else if (randomnum === 1){
        return 11
    }
    else 
    return randomnum
}

// console.log(sum)
function startgame(){
    IsAlive = true
    let firstCard = getrandomcard()
    let secondCard = getrandomcard()
    cardarray = [firstCard, " ", secondCard]
    sum = firstCard + secondCard
    console.log(sum)
    rendergame()
}
function rendergame(){
if (sum <= 20){
    message = "Do you want to draw a new card?"
    sumEl.textContent = "Sum: " + sum
    // cardEl.textContent = "Card: " + cardarray[0] + " " + cardarray[1]
    for(let i=0; i<cardarray.length ; i++){
        cardEl.textContent += cardarray[i]
    }
}
else if (sum == 21){
    message = "wohooo!! you got a blackjack"
    hasblackjack = true
    sumEl.textContent = "Sum: " + sum
    // cardEl.textContent = "Card: " + firstCard + " " + secondCard
    for(let i=0; i<cardarray.length ; i++){
        cardEl.textContent += cardarray[i]
    }
}
else {
    message = "you are out of game!!"
    IsAlive = false
    sumEl.textContent = "Sum: " + sum
    // cardEl.textContent = "Card: " + firstCard + " " + secondCard
    for(let i=0; i<cardarray.length ; i++){
        cardEl.textContent += cardarray[i]
    }
}
 messageEl.textContent = message
// console.log(message)
}
function newcard(){
    if( IsAlive === true && hasblackjack === false){
    let newcard = getrandomcard()
    sum += newcard
    cardarray.push(newcard)
    rendergame()
}
}