So verwenden Sie jQuery Plugin localStorage, um Zahlen zu speichern

Question

Ich bin neu in Jquery und JavaScript. Ich versuche Daten mit der Jquery "onsubmit" Funktion und dem Jquery Plugin localStorage zu speichern. Ich habe gelesen, wie man Daten unter Verwendung des localStorage.setItem ("Name", "Jack") speichert; Ich versuche, Zahlen oder Integer in der localStorage zu speichern. Wenn der Benutzer nach dem Auswählen einer der Optionen auf die Schaltfläche zum Senden klickt, sollte localStorage den neuen Wert wie localStorage.setItem (selectedValue) + localStorage.setItem (selectedValue); Auf diese Weise erhöht sich selectedValue durch die Auswahl, die der Benutzer auswählt.

var selectedValue=0; 
var sum = $('.gradept').on('change', function() { 
    selectedValue = $('.gradept option:selected').val(); 
    if(selectedValue == 'A1') 
    { selectedValue = 1} 
    else if(selectedValue == 'B2') 
    { selectedValue = 2} 
    else if(selectedValue == 'B3') 
    { selectedValue = 3} 
    else if(selectedValue == 'C4') 
    { selectedValue = 4} 
    else if(selectedValue == 'C5') 
    { selectedValue = 5} 
    else if(selectedValue == 'C6') 
    { selectedValue = 6} 
    else if(selectedValue == 'D7') 
    { selectedValue = 7} 
    else if(selectedValue == 'E8') 
    { selectedValue = 8} 
    else if(selectedValue == 'F9') 
    { selectedValue = 9} 
    $("#go").val(selectedValue); 
    console.log("total" ,selectedValue); 
}); 

Das, was ich versucht habe

$('.inline').on('submit', function(){ 
    localStorge.setItem("grade",selectedValue)+ localStorge.setItem("grade",selectedValue); 
     console.log("The total is", localStorage.getItem("grade")); 
    }) 

Answer 1

ich gegeben auf der Homepage der Erweiterung bemerkt, sie sagt, es wird nicht mehr gearbeitet werden. Also folgte ich dem Link zum neuen GitHub. Es ist JavaScript-Speicher. Dann, als ich deinen Code anschaute, wurde mir klar, dass du viel mehr Arbeit machst, als du musstest. Ich habe Regex verwendet, um Ihre Wenn-Dann-Anweisungen zu vereinfachen. Dann habe ich die Methoden storage.set und storage.get verwendet.

Der Link zur nicht-abgeschrieben Github:

https://github.com/julien-maurel/js-storage

<select name="yay" id="gradept"> 
    <option value="A1">1</option> 
    <option value="B2">2</option> 
    <option value="C3">3</option> 
    <option value="D4">4</option> 
    <option value="E5">5</option> 
    <option value="F6">6</option> 
    <option value="G7">7</option> 
    <option value="H8">8</option> 
    <option value="I9">9</option> 
    <option value="J0">0</option> 
</select> 

<button class="inline">test</button> 

<br /> 

    <button class="getStorage">Click me to get item from storage!</button> 
<div id='sendInformationHere'></div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="js-storage-master/js.storage.min.js"></script> 

<script> 
storage=Storages.localStorage; 

$(function() { 
    $('.inline').on('click', function(){ 
     value = Number($('#gradept').val().replace(/\D/g,'')); 
     storage.set("grade",value);  
    }); 

    $(".getStorage").on('click', function() { 
     $("#sendInformationHere").html(storage.get("grade")); 
    }); 
}); 

</script>