Toggle classe e localstorage

[pd291]

Buongiorno a tutti, prima di iniziare voglio ringraziare tutti per avermi accettato nel forum e spero che posso dare una mano anche io.
Adesso arriviamo a noi, ho un problema e spero che possiate darmi una mano.
Sto creando un piccolo progetto per un amico, il quale vuole creare un simulatore di una casa domotica.
Dove entro in una stanza e accendo e spengo una lampadina.
Fino a qui tutto bene ho realizzato la funzione tramite addclass e removeclass. Questo mio amico vuole che quando uno entra la lampada si trova nello stato in cui è stata lasciata o accesa o spenta. Per risolvere questo problema ho utilizzato localstorage che viene memorizzato l'evento e rimane in memoria.
Il problema si presenta quando vado ad assegnare nelle condizioni lo stato della lampadina che mi fa premere due volte per cambiare stato.
Io ho fatto come segue:

If (localstorage.getitem('test')=='Accesa'){
$(". lampada"). addclass ("accesa");
}else{
$(". lampada"). removeclass ("accesa");
}

$(". lampada"). toggle (
function() {
$(". lampada"). addclass ("accesa");
var localData = 'Accesa';
localstorage.setitem("localData", localData);
},
function (){
$(". lampada"). removeclass ("accesa");
var localData = 'Accesa';
localstorage.setitem("localData");
});

[pd291]

Auto... nessuno mi può aiutare?

[ciro78]

Ciao e benvenuto sul forum,
ti invito, qualora non lo avessi già fatto, a leggere il regolamento e in particolare

- uso del tag code
- titoli significativi

Aggiungerei inoltre di non essere impaziente. Ricorda che il supporto è gratuito.

Detto questo, non è ben chiaro il tuo scopo.

Noto che sia il primo evento che il secondo settano la variabili di localData su accesa. Inoltre, sempre nel secondo evento, passi il valore della variabile tra apici. Quindi non setti localData sulla variabile ma sulla stringa "localData"

[pd291]

Buonasera Ciro78, grazie per la risposta e scusate se non sono stato molto chiaro.
Il mio problema si presenta nel fatto che quando apro la pagina mi rimane l'evento salvato ma quando vado a premere sul div devo cliccare due volte per cambiare stato.

[ciro78]

ok allora è corretto. la funzione toggle gestisce n eventi. per arrivare al secondo evento devi cliccare necessariamente due volte.

ti consiglio di utilizzare la funzione click. e gestire la logica li. toggle , da documentazione ufficiale, risulta deprecato.

[pd291]

Grazie per la tua risposta.
Ma scusa, come faccio ad utilizzare la funzione che mi evidenzi tu?

Grazie e buona serata.

[ciro78]

Ciao

$( "#other" ).click(function() {
  //la tua logica
});

[pd291]

Buongiorno,
Grazie per il tuo aiuto, provo e ti faccio sapere.

Buona giornata.

[ciro78]

nel caso siamo qui