Estou produzindo um jogo de cartas consumindo a API deck of cards, estou tentando criar uma função para o jogador poder comprar mais uma carta se ele desejar, a primeira vez que ele clica funciona normalmente, mas após reiniciar o jogo, quando clicamos em comprar, ele compra 2 cartas automaticamente e vai aumentando cada vez que o jogo reinicia...
buyCardEl.addEventListener('click', async () => {
let newCard = await buyCards()
playerCards.push(newCard)
let newCardEl = document.createElement('img')
newCardEl.src = newCard.image
cardsAreaPlayer.append(newCardEl)
playerScore += verifyValue(newCard.value)
playerScoreArea.innerHTML = `Sua pontuação: <span>${playerScore}</span>`
buyCardEl.style.display = "none"
})
async function buyCards(){
let buyCardReq = await fetch(`https://deckofcardsapi.com/api/deck/${deckId}/draw/?count=1`)
let buyCardsRes = await buyCardReq.json()
let newCard = {
value: buyCardsRes.cards[0].value,
image: buyCardsRes.cards[0].image
}
return newCard
}