html5 localstorage入力を保存しない

Question

後で他のページで使用するためにlocalstorageの値を安全にしようとしていますが、動作させることができません。

私の入力フィールド：

<input type="text" name="test" value="" id="test" required /> 
     <span class="highlight"></span> 
     <span class="bar"></span> 
     <label>enter something</label> 

マイスクリプト：

<script> 

function getStorage(type) { 
    var storage = window[type + 'Storage'], 
    delta = 0, 
    p = document.createElement('p'); 

    if (!window[type + 'Storage']) return; 

    if (storage.getItem('value')) {  
    p.innerHTML = type + 'Storage: ' + storage.getItem('value'); 
    } else { 
    p.innerHTML = type + 'nothing safed'; 
    } 

    document.querySelector('#output').appendChild(p); 
} 

getStorage('test'); 


addEvent(document.querySelector('#test'), 'keyup', function() { 
    localStorage.setItem('value', this.value); 
}); 


</script> 

マイ出力：

<p id="output"></p> 

注：私はそれを作るためにh5utils.js（https://java.net/projects/prototype/sources/svn/content/trunk/demosprojects/AjaxAdmin/web/h5utils.js?rev=11）を使用していますすべての仕事が、私は出力を得ることができません。コンソールにエラーはありません。

Answer 1

getStorage関数を 'test'の型を渡して呼び出すと、もちろん存在しないwindow.testStorageを参照しようとします。

使用...

getStorage('local'); 

...代わりのlocalStorageを検索します。