分数不显示在屏幕上，而只显示在控制台日志中

Question

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代码中，除了showScore，其他所有东西都可以工作。showScore没有把分数放在那里

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’];

Answer 1

您在代码中遗漏了一些括号并使用了错误的引号。因此，您需要小心HTML和Javascript中的语法，因为浏览器通常会在没有提示的情况下消化您编写的所有代码。但是，您可以在浏览器中使用开发人员的工具来检测其中的一些问题。关于您的问题，请尝试使用下面的代码，这些问题被纠正:

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'];
}