La parte del código HTML funciona bien
<div class =”flex-blackjack-row-3 <table> <tr> <th>Wins</th> <th>Losses</th> <th> Draws</th> </tr> <tr> <td><span id=”wins”>0</span></td> <td><span id=”losses>0</span></td> <td><span id=”draws>0<</span></td> </tr> </div> En el código Javascript, todo lo demás, excepto showScore , funciona. showScore no está poniendo el puntaje allí.
function blackjackHit() { let card = randomCard(); console.log(card); showCard(card, YOU); updateScore(card, YOU); showScore(card, YOU); } function showScore(activePlayer) { Document.querySelector(activePlayer['scoreSpan']).textContent = activePlayer['score'];Te saltaste algunos corchetes y usaste comillas erróneas en tu código. Por lo tanto, debe tener cuidado con la sintaxis en HTML y Javascript, ya que, por lo general, el navegador digiere todo lo que codifica sin consultarlo. Sin embargo, puede usar las herramientas del desarrollador en su navegador para detectar algunos de esos problemas. Con respecto a su pregunta, intente con el siguiente código, donde se corrigen esos problemas:
HTML
<div class ="flex-blackjack-row-3"> <table> <tr> <th>Wins</th> <th>Losses</th> <th> Draws</th> </tr> <tr> <td><span id="wins">0</span></td> <td><span id="losses">0</span></td> <td><span id="draws">0</span></td> </tr> </div>JavaScript
function blackjackHit() { let card = randomCard(); console.log(card); showCard(card, YOU); updateScore(card, YOU); showScore(card, YOU); } function showScore(activePlayer) { document.querySelector(activePlayer['scoreSpan']).textContent = activePlayer['score']; }