データを保存して後でページを表示せずにページを表示する方法

Question

私はフォームを作成し、それを表示したい場所にデータを配置する方法を考え出しました。私はそれを作る方法を知りたいです、ページまたはアプリが更新された/出かけるとき/ etc。

<article> 

<div align="center"> <script language="JavaScript"> 
function showInput() { 
    document.getElementById('display').innerHTML = 
       document.getElementById("user_input").value; 
} 
</script> 
    <form> 
<label><b>Enter Your Amount:</b></label> 
<input type="text" name="message" id="user_input"> 
</form><br /> 

<input class="button" type="submit" onclick="showInput();"><br/> 
<p><span id='display'></span></p></div> 

    </article> 

これまでのところ、私はこれを持っており、応答を保存する以外は正常です。私が取り組んでいるプロジェクトは家族のための予算トラッカーなので、フォームデータをに保存して、を保存し、リフレッシュまたは終了するたびに消去しないようにします。

これはおそらくかなりの質問ではありますが、私にとってはうまくいく答えが見つからないようです。

Answer 1

ローカルストレージの仕事のように聞こえる。ローカルストレージは、それはあなたがどこからこのデータにアクセスすることはできません使用しているブラウザにローカルに聞こえるどれだけあるが、コンピュータ/ブラウザの中に格納される。

//this checks to see if local storage is available 

if (typeof(Storage) !== "undefined") { 

} else { 

} 

//grabbing your data i assume "user_input" and set it to a variable called "storage_var" 

var storage_var = document.getElementById("user_input").value; 

// For storing said data "to_the_ether" variable name and can be w/e u want 

localStorage.setItem("to_the_ether", storage_var); 

// to get the value and pass it back into the display (im assuming a div?) 

document.getElementById("display").innerHTML = localStorage.getItem("to_the_ether"); 

お役に立てば幸いです。アクセス可能なストレージが必要な場合は、DBが必要です。