分數 - 顯示比分

Question

http://jsfiddle.net/q8P7Y/

我有一個顯示在最後的最終得分的問題，有很多方式，我可以去這樣做，但我不知道什麼是最好的。

正如你所看到的下一個按鈕只是一個顯示/隱藏divs而不是頁面。得分是一個id，所以顯然只出現一次，而且不在顯示/隱藏中。

如何隱藏最後一個div的id並在結尾段顯示分數？

我想改變比分跨度名稱，然後把分數在每個div的除了最後的，但是如果使用

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

，而不是

當時的比分是不更新，甚至

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

但沒有運氣。

關於如何去做這件事的任何想法？

Answer 1

爲什麼不簡單地更新這兩個字段，使用2個不同的ID？ 我的意思是，在最後一頁的分數彙總coud是這樣

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

而且你可以對其進行更新，每次更新總是可見的一個，這樣

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

您可以找到工作示例here

它回答你的問題了嗎？

編輯：

你也可以用更短的方式來更新這兩個值：

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

Edited2： 隱藏上得分部分的問題（你叫什麼scoreBoard），爲您的最後一個「下一個」按鈕使用此代碼：

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

您可以找到working example here

Answer 2

你的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()使上述變化工作停止錯誤。