javascript - 分数 - 显示分数

Question

我在最后显示最终分数时遇到了问题，我有很多方法可以做到，但我不确定哪种方法最好。

如您所见，下一个按钮只是显示/隐藏 div 而不是页面。分数是一个 id，所以显然只出现一次，它在显示/隐藏之外。

我将如何隐藏最后一个 div 上的 id 并在结尾段落中显示分数？

我想过将分数跨度更改为一个名称，然后将分数放在除最后一个以外的每个 div 中，但是即使使用时分数也没有更新

document.getElementsByName("score").innerHTML = score;

代替

document.getElementById("score").innerHTML = score;

但没有运气。

关于如何解决这个问题的任何想法？

score 1 · Accepted Answer

为什么不简单地更新两个字段，使用 2 个不同的 id？我的意思是，最后一页中的分数摘要可能类似于

<table class="widthOneHundredPercent">
  <p>Your score is:<span id="finalScore"></span></p>
</table>

你可以在每次更新总是可见的时更新它，就像这样

$("#score").html(score);
$("#finalScore").html(score);

它回答了你的问题吗？

编辑：

您还可以使用更短的方法来更新这两个值：

$("#score, #finalScore").html(score);

Edited2： 对于隐藏较高分数部分（您称为 scoreBoard）的问题，对于您的最后一个“下一步”按钮，请使用以下代码：

<input type="button" value="next" onclick="$('#scoreBoard').hide();pagechange(3,4); scrollToTop(); "/>

score 1 · Accepted Answer

只需将您的 HTML 更改为：

<p>Your score is: <span id="finalscore"></span></p>

和你的javascript：

$("#score").html(score);
$("#finalscore").html(score);

要隐藏最后一页顶部的分数，请更改：

  <input type="button" value="next" onclick="pagechange(3,4); scrollToTop();"/></center>

到：

  <input type="button" value="next" onclick="pagechange(3,4); scrollToTop(); hideScoreBoard();"/></center>

然后添加这些做你的javascript：

function hideScoreBoard() {
  $("#scoreBoard").hide();
}

function scrollToTop() {
}

注意我添加了一个空scrollToTop()来停止错误，以便上述更改起作用。

2 回答 2