javascript - 分数 - 显示分数

Question

http://jsfiddle.net/q8P7Y/

我在最后显示最终分数时遇到问题，有很多方法可以做到这一点，但我不确定什么是最好的。

正如你所看到的，下一个按钮只是 div 的显示/隐藏，而不是页面。分数是一个 id，所以显然只出现一次，并且它在显示/隐藏之外。

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

我想过将分数范围更改为名称，然后将分数放入除了最后一个div之外的每个div中，但即使使用时分数也没有更新

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

而不是

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

但运气不佳。

关于如何解决这个问题有什么想法吗？

Answer 1

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

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

每次更新始终可见的内容时，您都可以更新它，如下所示

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

您可以找到工作示例 here

它回答了你的问题吗？

已编辑:

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

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

已编辑2:对于隐藏上部分数部分(您所谓的 ScoreBoard)的问题，对于最后一个“下一步”按钮，请使用以下代码:

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

您可以找到working example here