ボタンをクリックしたときのキー値の変更

Question

ボタンをクリックしたときにローカルストレージにデータを保存しようとしています。しかし、ボタンのキーを常に0にしてレコードを更新すると、キー= 0なので新しいレコードを作成しません。私はクロージャを使ってキー値を増やしていますが、JSでは非常に新しいので、 "return"は機能しません。あなたが内部関数で増分を行う必要はありません。それ以外の場合は0に戻り、あなたがクリックするたびに設定されます、onclick関数の外keyを初期化する必要が （

function() { 

    window.onload = function() { 
     var key = 0; 
     document.getElementById('buttonCreate').onclick = function() { 
      var topicValue = document.getElementById("create-topic").value; 
      var statusValue = document.getElementById("create-status").value; 
      var descriptionValue = document.getElementById("create-description").value; 


      var storage = new Storage(); 
      var ticket = { 
       topic: topicValue, 
       status: statusValue, 
       description: descriptionValue 
      }; 
      storage.set(key, ticket); 
      return (function() { 

       return ++key; 

      }()); 
     } 
    } 
})(); 
function Storage() { 
    this._ITEMS_DESCRIPTOR = 'items'; 
} 
Storage.prototype.get = function() { 
    var fromStorage = localStorage.getItem(this._ITEMS_DESCRIPTOR); 
    return fromStorage ? JSON.parse(fromStorage) : []; 
}; 
Storage.prototype.set = function(key, items) { 
    localStorage.setItem(key, JSON.stringify(items)); 
}; 

Answer 1

。

あります新しいStorageあなたがクリックするたびに作成することも必要はありません、あなたにも冒頭で一度、それを作成することができます。

function() { 
    var key = 0; 
    var storage = new Storage(); 
    window.onload = function() { 
     document.getElementById('buttonCreate').onclick = function() { 
      var topicValue = document.getElementById("create-topic").value; 
      var statusValue = document.getElementById("create-status").value; 
      var descriptionValue = document.getElementById("create-description").value; 

      var ticket = { 
       topic: topicValue, 
       status: statusValue, 
       description: descriptionValue 
      }; 
      storage.set(key, ticket); 
      key++; 
     } 
    } 
})();