-1

ステップをカウントするスクリプトがありunicreatures.com、カウントをクリアするボタンを追加しました。それは機能しますが、ページがリロードされるまで表示ボックスが新しいカウントで更新されないという事実に満足していません。カウントがクリアされた後、ページをリロードせずにボックスの内容を更新する方法はありますか？ 

var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
  localStorage.steps=0
  alert("yes");
}
else {
  alert("no");
}

}, true )

誰かが私を正しい方向に向けることさえできれば幸いです。答えを探すのに数時間を費やしましたが、間違った検索用語を使用している可能性があります。

私は使用していませんJQueryので、すべての情報をに保管してくださいJavaScript。

4

2 に答える 2

1

コールバックで表示をクリアするか、クロージャを書き込むことができます。

非常に簡単なアプローチは、ローカルストレージがクリアであるかどうかをチェックするときに表示領域の値を設定することです。

var myTextField = document.getElementById('the_display_area_id');    
var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
    localStorage.steps=0
    myTextField.value() = ""; 
}else{
    alert("no");
}

また、ローカルストレージ用に増幅のようなライブラリを使用すると、クロスブラウザのニュアンスを処理しやすくなります

于 2012-09-13T04:40:44.043 に答える
0

もっと早く見たかったのに。

これを行う最も簡単な方法は、の値を変更することですbox.innerHTML 

if (clearTotal== true) {
  localStorage.steps=0
  box.innerHTML ='<div><p> ' +
  "You have taken "+localStorage.steps+" steps total" +
  '</br><button type="button" button id="clear">Clear total steps...</button></p></div>';
  document.body.appendChild( box );
  alert("yes");
}
于 2012-09-13T04:37:54.010 に答える