User:Willowisp/vector-2022.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
function | let spoilerElement = document.getElementById("spoiler"); | ||
function updateHiddenStatus({ status }) { | |||
spoilerElement.setAttribute("hidden-status", status); | |||
} | |||
let spoilerButton = document.getElementById("spoiler-button"); | |||
spoilerButton.addEventListener("click", (event) => { | |||
const newHiddenStatus = currentHiddenStatus === "hidden" ? "notHidden" : "hidden"; | |||
localStorage.setItem("hidden-status", newHiddenStatus); | |||
updateHiddenStatus({ status: newHiddenStatus }); | |||
currentHiddenStatus = newHiddenStatus; | |||
}); | |||
const localStorageHiddenStatus = localStorage.getItem("spoler-status"); | |||
let currentHiddenStatus = checkHiddenStatus({ localStorageHiddenStatus }); | |||
updateHiddenStatus({ status: currentHiddenStatus }); | |||
function checkHiddenStatus({ localStorageHiddenStatus }) { | |||
if (localStorageHiddenStatus !== null) { | |||
return localStorageHiddenStatus; | |||
} | |||
return "notHidden"; | |||
} | } |
Revision as of 21:47, 27 January 2024
let spoilerElement = document.getElementById("spoiler");
function updateHiddenStatus({ status }) {
spoilerElement.setAttribute("hidden-status", status);
}
let spoilerButton = document.getElementById("spoiler-button");
spoilerButton.addEventListener("click", (event) => {
const newHiddenStatus = currentHiddenStatus === "hidden" ? "notHidden" : "hidden";
localStorage.setItem("hidden-status", newHiddenStatus);
updateHiddenStatus({ status: newHiddenStatus });
currentHiddenStatus = newHiddenStatus;
});
const localStorageHiddenStatus = localStorage.getItem("spoler-status");
let currentHiddenStatus = checkHiddenStatus({ localStorageHiddenStatus });
updateHiddenStatus({ status: currentHiddenStatus });
function checkHiddenStatus({ localStorageHiddenStatus }) {
if (localStorageHiddenStatus !== null) {
return localStorageHiddenStatus;
}
return "notHidden";
}