帶按鈕單擊的HTML本地存儲

Question

試圖存儲一堆文本框，一旦填充並按鈕單擊本地存儲。我環顧四周，只發現了這個，我試圖除了即時獲取未捕獲的ReferenceError：save_data沒有定義。任何洞察力將不勝感激。

<label for="serveri"> Server: </label> <input type='text' name="server" id="saveServer"/> <button onclick="save_data()" type="button" value="Save" id="Save">Save</button>

<script> 
function saveData(){ var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value); 
var storedValue = localStorage.getItem("server"); } </script> 

如果上面的犯規顯示我的問題繼承人的充滿的jsfiddle：http://jsfiddle.net/hhntg/

Answer 1

編輯您的jsfiddle纔可以正常工作。只需點擊按鈕即可運行該功能。通過檢查員測試和驗證與本地存儲的合作。

http://jsfiddle.net/hhntg/1/

var save_button = document.getElementById('Save') 
save_button.onclick = saveData; 

function saveData(){ 
    var input = document.getElementById("saveServer"); 
    localStorage.setItem("server", input.value); 
    var storedValue = localStorage.getItem("server"); 
} 

在這裏代碼唯一的區別是，你寫的功能被附加到保存元件上的點擊處理程序，你幾乎有：）