Web Storage API

A method that deletes all stored data in Web Storage at once and resets it to a clean state.

clear()

Web Storage に保存されたすべてのデータを一度に消して、保存領域をまっさらな状態に戻すためのメソッド。

clear() とは？

clear() は、Web Storage（たとえば localStorage や sessionStorage）の中に入っているデータをぜんぶ消すメソッドです。

1つずつ削除する必要はなく、「まっさらな状態に戻す」イメージです。

使い方のイメージ

たとえば、保存していたユーザー設定や入力データを一度リセットしたいときに使います。

ボタンを押すと、保存していた情報をすべて削除するようにできます。

HTML

<button id="resetBtn">すべて削除</button>

<script>
    const resetBtn = document.getElementById("resetBtn");

    resetBtn.addEventListener("click", () => {
        // localStorage の中身を全部削除
        localStorage.clear();
        alert("保存データをすべて削除しました！");
    });
</script>

注意ポイント