javascript - スコア - スコアの表示

Question

最後に最終スコアを表示するのに問題があります。それを行うには多くの方法がありますが、どれが最適かわかりません。

ご覧のとおり、次のボタンは、ページではなく div の表示/非表示です。スコアは ID であるため、明らかに 1 回だけ表示され、表示/非表示の範囲外です。

最後の 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