javascript正在遞增的HTML輸入標簽值屬性

Question

您好，我需要幫助來保存對javascript正在遞增的HTML輸入標簽值屬性的更改。 每次單擊我正在運行的參數時，輸入字段應增加一個，當我參加考試時，元素將寫入相應的數字（從6到7，從7到8等），但是當我刷新頁面時，不保存最后一個條目，但返回到起始編號，我是否需要為此使用php或......我不會代碼以這種方式工作，我上傳的圖像值從6變為7，當我回來時返回頁面值再次是7而不是6

HTML代碼

                    <form action="" method="post" id="cms" name="cms" enctype="multipart/form-data">
                  <div class="input-group">
                      <input type="file" name="fileToUpload" id="fileToUpload">
                      <input type="text" name="numberjpg" id="numberjpg" value='6'>
                      <input type="text" name="numberpng" id="numberpng" value='6'>
                      <input type="bottun" id="submit" name="submit" class="form-control" value="Submit" onclick="increase()" >
                   </div>
                </form>

js代碼

     var x=document.getElementById('numberjpg')
         function increase(){
           x.value++;
            alert(document.getElementById('numberjpg').value);
            document.getElementById("numberjpg").setAttribute('value',document.getElementById('numberjpg').value);
         }

對於之前不清楚的問題，我深表歉意

Answer 1

您可以使用Storage Web API，例如localStorage或sessionStorage。 我在示例中使用local。 以下是我添加的代碼的說明。

https://jsfiddle.net/6bujo188/1/

  var stored = +localStorage.getItem('boxvalue');

上面的代碼獲取保存為boxvalue的任何字符串的值，並將其返回存儲。 它以加號開頭，以將速記類型轉換為整數。

     if(stored) {
     x.value = stored; 
     }

上面的代碼檢查是否存在存儲的項目，如果存在，則更改存儲為x的元素的值。

    window.onbeforeunload = function(){
      localStorage.setItem('boxvalue', document.getElementById('numberjpg').value);
}

上面在窗口卸載之前保存了變量。 例如，如果刷新頁面。