「Spoiler_html」の編集履歴（バックアップ）一覧はこちら

Spoiler_html - (2025/12/29 (月) 16:27:51) の１つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

&html(<div id="spoiler"><label for="spoilerCheck"><input type="checkbox" id="spoilerCheck">ネタバレ"あり"のみ表示</label></div><font color=red><b>※全作品履修済みの人向け</b></font>)
#javascript(){{
/**
 * チェックボックスの状態を localStorage に保存
 */
function saveCheckboxState(id, checked) {
    try {
        localStorage.setItem(id, checked ? "true" : "false");
    } catch (e) {
        console.error("保存エラー:", e);
    }
}

/**
 * ページ読み込み時に状態を復元
 */
function restoreCheckboxState(id) {
    try {
        const saved = localStorage.getItem(id);
        if (saved === "true") {
            document.getElementById(id).checked = true;
        } else if (saved === "false") {
            document.getElementById(id).checked = false;
        }
    } catch (e) {
        console.error("復元エラー:", e);
    }
}

// 全チェックボックスを処理
document.querySelectorAll("input[type=checkbox]").forEach(cb => {
    // 復元
    restoreCheckboxState(cb.id);
    // 変更時に保存
    cb.addEventListener("change", () => {
        saveCheckboxState(cb.id, cb.checked);
    });
});
}}

&html(<div id="spoiler"><label for="spoilerCheck"><input type="checkbox" id="spoilerCheck">ネタバレ"あり"のみ表示</label></div><font color=red><b>※全作品履修済みの人向け</b></font>)