| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/ja/docs/Web/API/Storage | [Back] [Original] |
Get to know MDN better
Storage.length Storage
localStorage Storage !localStorage.getItem('bgcolor') Storage.getItem() setStyles() populateStorage() Storage.setItem() setStyles()
if (!localStorage.getItem("bgcolor")) {
populateStorage();
} else {
setStyles();
}
function populateStorage() {
localStorage.setItem("bgcolor", document.getElementById("bgcolor").value);
localStorage.setItem("font", document.getElementById("font").value);
localStorage.setItem("image", document.getElementById("image").value);
setStyles();
}
function setStyles() {
const currentColor = localStorage.getItem("bgcolor");
const currentFont = localStorage.getItem("font");
const currentImage = localStorage.getItem("image");
document.getElementById("bgcolor").value = currentColor;
document.getElementById("font").value = currentFont;
document.getElementById("image").value = currentImage;
htmlElem.style.backgroundColor = `#${currentColor}`;
pElem.style.fontFamily = currentFont;
imgElem.setAttribute("src", currentImage);
}
| HTML # storage |
| Web Proxy Viewer | New URL | Original Page |