localStorage.length funktioniert nicht in meinem Code oder?

Question

Ich habe einen grundlegenden Eingabetext und angefügten Bereich. Ich bin Texte dynamisch hinzufügen und wollte zählen, wie viele dynamische Elemente ich hinzugefügt habe.

So gebrauchter localStorage.length und es gibt mir immer 1.

Muß ich einen bestimmten Schlüssel hinzufügen, um es zu zählen?

JSFIDDLE

$("#len").click(function() { 
alert(localStorage.length); 
}); 

Was Lösung ist?

Answer 1

Sie müssen die Anzahl Ihrer Variablen nach jedem Klick erhöhen. Sie müssen auch die Variable box am Anfang initialisieren.

localStorage.setItem('box', 0); 
    $("#button").click(function() { 
     var count = parseInt(localStorage.getItem('box'),10); 
     var var1=$("#text").val(); 
     $("#text").val(""); 
     $("#box").append(var1+"<br>"); 
     localStorage.setItem('box', (count+1).toString()); 
    }); 

und in der Warnung erhalten Sie den Wert wie:

$("#len").click(function() { 
alert(localStorage.getItem('box')); 
}); 

Arbeits Geige: https://jsfiddle.net/sr4w18hf/18