localstorage Daten wieder anzeigen

[glupto]

Hallo, Frage eines Anfängers. Hier frage ich etwas ab.

 <input type="checkbox" id="numb" name="Zahl"><label for="numb">nur 5 Schlagzeilen</label><br>

später speichere ich es im localstorage ab:

 if( $('#numb').prop('checked') == true){
                                localStorage.setItem("numb", 5)}
                            else   {  
                            localStorage.setItem("numb", 10);}

Wie kann ich beim erneuten Aufrufen der Seite das Häkchen aus dem localstorage laden, wenn vorhanden, und gleich wieder in der checkbox anzeigen lassen?

Ich habe es vergeblich so versucht:

                            var numb = localStorage.getItem("numb");
                            If (numb=== "5"){
                             $("#numb").prop("checked", true);}

Gruß und Dank
glupto

 

[Dormilich]

5 !== "5" ...

 

[glupto]

5 !== "5" ...

Ja, Danke, das hatte ich eben auch schon korrigiert, hat aber nichts verändert.

- - - Aktualisiert - - -

Zweiter Versuch:

       function load(){
                            var checked = JSON.parse(localStorage.getItem('numb'));
                            document.getElementById("numb").checked = checked;}
                            
                            load();

Dann kommt aber jedesmal der Haken, wenn irgendein Wert bei "numb" steht und es steht ja immer entweder 5 oder 10 da.

 

[paul schmitz]

Du musst erst den als Integer übergebenen Wert vom zurückgegebenen String wieder umwandeln, bevor du das mit === überprüfst.
Lösung 1: === durch == ersetzen.
Lösung 2: numb===5 durch +numb===5 ersetzen.

 

[kkapsner]

Ich habe es vergeblich so versucht:

if schreibt man ja auch klein... sollte auch ein entsprechender Eintrag in der Fehlerkonsole sein.

Wo ist denn deine <script>-Node innerhalb des HTMLs? Vor oder nach dem <input>?

 

[glupto]

Du musst erst den als Integer übergebenen Wert vom zurückgegebenen String wieder umwandeln, bevor du das mit === überprüfst.
Lösung 1: === durch == ersetzen.
Lösung 2: numb===5 durch +numb===5 ersetzen.

Danke!

- - - Aktualisiert - - -

Nach dem input, habe es jetzt so gelöst:

   var num = localStorage.getItem("numb"); 
                              if (num == 5) {
                            $("#numb").prop('checked', true);}

Danke für die Hilfe!

 

[tsseh]

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/parseInt