JavaScriptのボタン処理

Question

htmlでボタンを作成し、一度クリックすると、ボタンがロックされて二度目は押せないようにする処理を記述しました。(JavaScript使用)
しかし、ページをリロードすると、もう一度ボタンが押せるようになってしまいます。どうすればリロードしても一度しか押さない機能にできますか？

コード
<input type="button" value="1度だけ押せるボタンです！" onclick="this.disabled = true;">

Comments

[kszk311]

どこかでロックをリセットする処理は入れる予定ですか？

[msssss]

もう一度同じボタンを押せばリセット出来るような機能にしたいです

[kszk311]

要するに、ON/OFF切り替えできるボタンを作りたくて、ページ遷移・リロードしても状態は保持するってことですか？

[msssss]

そういうことです

Answer 1

Web Storageを使えばできます。
例えばONにするときに、押された状態であることをセッションに保存すれば、それを取得してJSで切り替えができます。