スコア -

Question

http://jsfiddle.net/q8P7Y/

スコアを表示私は最後に、最終的なスコアを示すの問題を抱えている、私はそれをやって行くことができますが、私は最高になるかわからない多くの方法があります。

ご覧のように、次のボタンはdivの表示/非表示に過ぎず、ページではありません。スコアはIDなので、明らかに一度だけ出現し、それは表示/非表示の外です。

最後のdivのIDを非表示にして、終了段落にスコアを表示するにはどうすればよいですか？

私は名前にスコアスパンを変更すると考え、その後、すべての中でスコアを置くことは、最後から離れ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> 

ようなものになるcoudそして、あなたはあなたが作業の例を見つけることができます。この

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

のように、それは毎回あなたが常に表示1を更新更新することができhere

質問にお答えしましたか？

編集：

あなたはまた、両方の値を更新するためのより短い方法を使用することができます。

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

Edited2： を上位スコア部分を隠すの問題について（あなたは何と呼ばれますスコアボード）、最後の「次へ」ボタンには次のコードを使用します。

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

あなただけにあなたのHTMLを変更するworking example here

Answer 2

を見つけることができます：変更、最終ページのトップにスコアを非表示にするには

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

：に

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

とあなたのjavascript：

<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()を追加しました。