HTMLユーザー入力をtxtに保存する方法。ファイルを保存し、保存した入力をHTMLファイルにロードしますか？

Question

最近、HTMLを使用したゲーム用のキャラクターシートを作成しました。 HTMLファイルは、主に、データを挿入するための <input type="text">,<input type="number">、<input type="checkbox">、<input type="radio">、<select>、または<textarea>タグで構成されています。挿入されたすべてのデータをtxtに保存する方法はありますか？ファイルを開き、HTML文書の起動時にHTML文書にロードしますか？

他の投稿では、セキュリティ上の問題としてブラウザがファイルに書き込むことを許可していないという問題がありました。しかし、HTMLとtxtの両方のファイルが私のPCにあるので、問題はないはずです。

Answer 1

あなたはテキストファイルをダウンロードすることができます。ゲームを開始すると、それを解析できる場所にアップロードしますが、より良い方法は最新のブラウザに組み込まれたlocalStorageを使用することです。削除されるまで、ユーザーのブラウザに永久に保存されます。

localStorage.game = JSON.stringify({ score: 1 }) // put 
console.log(JSON.parse(localStorage.game)) // get