I am creating a google extension, and I need to save booleans as a settings feature. The program unable to load the local storage after saving the values.
if ((localStorage.getItem(lightMode) === null) || (localStorage.getItem(compactMode) === null) || (localStorage.getItem(borderMode)) || (localStorage.getItem(temeplatesMode))) {
console.log("No data found");
var lightMode = false;
var compactMode = true;
var borderMode = false;
var templatesMode = false;
} else {
console.log("Data found!");
var lightMode = localStorage.getItem(lightMode);
var compactMode = localStorage.getItem(compactMode);
var borderMode = localStorage.getItem(borderMode);
var templatesMode = localStorage.getItem(templatesMode);
}
const saveButton = document.getElementById('saveButton');
saveButton.addEventListener('click', save);
function save() {
localStorage.setItem("lightMode", lightMode);
localStorage.setItem("compactMode", compactMode);
localStorage.setItem("borderMode", borderMode);
localStorage.setItem("templatesMode", templatesMode);
console.log("lightMode:", localStorage.getItem("lightMode"));
console.log("compactMode:", localStorage.getItem("compactMode"));
console.log("borderMode:", localStorage.getItem("borderMode"));
console.log("templatesMode:", localStorage.getItem("templatesMode"));
alert("Options Saved!");
}
I tried creating a save function to set my variables in local storage, but I was unable to load the variables. Is there another solution to save my variables in local storage?