버튼 클릭으로 HTML 로컬 스토리지

Question

한 번 입력 한 텍스트 상자를 저장하고 로컬 저장 장치에 클릭하여 저장하려고합니다. 나는 주변을 둘러 보았고 Uncaught ReferenceError를 얻는 것 외에는 내가 시도하고있는 것을 발견했다 : save_data가 정의되지 않았다. 모든 통찰력은 인정 될 것이다.

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

위 나던 jsfiddle에서 내 문제를 heres 전체 보여 주면

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

: http://jsfiddle.net/hhntg/

Answer 1

일들이 작동하도록 당신의 jsfiddle을 편집. 버튼을 클릭하면 해당 기능을 실행하면됩니다. 검사관을 통해 localstorage 작업을 테스트하고 확인했습니다.

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"); 
} 

여기에 코드의 유일한 차이점은 당신이 쓴 함수가 저장 요소에 클릭 핸들러에 연결되어 있는지, 당신은 거의가 있었다 :)