Problema con localStorage

Salve,
avrei un problema con il localStorage in un forum dove non capisco dove sia il problema.
Vado subito al punto, ho due funzioni entrambe hanno all'interno solamente document.getelementbyid e document.queryselector .
Queste due funzioni si avviano il click di due diversi bottoni che si nascondono a vicenda al click di uno di questi.

<button id="inputexpand" onclick="funzione1();localStorage.setItem('oggetto','funzione1');return;">prova</button> 
 
<button id="inputreduce" onclick="funzione2();localStorage.setItem('oggetto','funzione2');return;">prova 2</button> 
 
<!-- Memorizzazione stato side, localStorage --> 
<script type="text/javascript"> 
if (localStorage.getItem('oggetto') === null) { localStorage.setItem('oggetto','funzione2'); } 
else if (localStorage.getItem('oggetto') === 'funzione1') { null } 
else if (localStorage.getItem('oggetto') == 'funzione1') { funzione1(); } 
</script> 
<!-- Fine localStorage -->

Il codice non memorizza il localStorage, e analizzando la situazione su chrome, il localstorage rimane sul primo stato, e al click del secondo bottone non cambia stato. Sapete dirmi il motivo? :-)

Grazie!

[karl94]

L'indirizzo della pagina in questione faciliterebbe di molto la diagnosi, potresti indicarlo?

Comunque, perché alcune volte usi l'operatore di confronto e altre quello di confronto severo? Inoltre sei cosciente del fatto che non verifichi mai se il tuo oggetto è uguale alla stringa funzione2?

Ho fatto qualche modifica.
Attualmente ho questo codice:

<script type="text/javascript"> 
function reduce(){ 
document.getElementById("inputreduce").style.visibility= "hidden"; 
document.getElementById("inputreduce").style.opacity= "0"; 
document.getElementById("inputexpand").style.visibility= "visible"; 
document.getElementById("inputexpand").style.opacity= "1"; 
document.getElementById("side").className += "siderecude"; 
document.getElementById("container").style.marginLeft= "-4px"; 
document.querySelector("#side .mainbg").style.visibility= "hidden"; 
document.querySelector("#side .mainbg").style.opacity= "0"; 
document.querySelector(".left .menu a").className += "active"; 
document.querySelector(".left .menu:nth-child(2) a").className += "active2"; 
document.querySelector(".left .menu:nth-child(3) a").className += "active3"; 
document.querySelector(".left .menu:nth-child(4) a").className += "active4"; 
document.querySelector(".left .menu:nth-child(5) a").className += "active5"; 
} 
 
function expand(){ 
var side = localStorage.getItem('side'); 
document.getElementById("inputexpand").style.visibility= "hidden"; 
document.getElementById("inputexpand").style.opacity= "0"; 
document.getElementById("inputreduce").style.visibility= "visible"; 
document.getElementById("inputreduce").style.opacity= "1"; 
document.getElementById("side").className = ""; 
document.getElementById("container").style.marginLeft= "-4px"; 
document.querySelector("#side .mainbg").style.visibility= "visible"; 
document.querySelector("#side .mainbg").style.opacity= "1"; 
document.querySelector(".left .menu a").className = ""; 
document.querySelector(".left .menu:nth-child(2) a").className = ""; 
document.querySelector(".left .menu:nth-child(3) a").className = ""; 
document.querySelector(".left .menu:nth-child(4) a").className = ""; 
document.querySelector(".left .menu:nth-child(5) a").className = ""; 
localStorage.setItem('side','expand'); }; function reduce(){ localStorage.setItem('side','reduce'); }; if(side === null) { localStorage.setItem('side','reduce');
} 
} 
</script>

<button id="inputexpand" onclick="expand()">◀</button> 
 
<button id="inputreduce" onclick="reduce()">▶</button>

[karl94]

Capisco ancora meno. Potresti leggere il mio messaggio precedente e rispondere alle domande?