Javascript，not saving to localstorage

我遇到了一個小問題，我試圖將輸入字段「a1」的值保存到localstorage中，但由於某種原因它不能保存。我似乎無法弄清楚問題是什麼...Javascript，not saving to localstorage

所有幫助表示讚賞！

修復：將腳本放在底部。

<!DOCTYPE html> 
<html> 
<head> 
    <script src="jquery.js"></script> 
    <script> 
     document.getElementById('a1').onkeyup = function() { 
      var a1 = document.getElementById('a1').value; 
      localStorage.setItem('a1', a1); 
     }; 
    </script> 
    <link rel="stylesheet" type="text/css" href="test.css"> 
</head> 
<body> 

<div class="box"> 
    <div class="title">Kalkulator</div> 
    <div class="text">Antal kvadratmeter: <input class="input-field" id="a1" type="text" value="0" /> m2</div> <---- HERE 
    <div class="text">Kantklipp rundt plenen? (+3.00kr per m): <input class="input-field" id="a2" type="text" value="0" /> m</div> 
    <div class="text">Gjødsel? (+1.00kr per kvm) <input class="input-field2" type="checkbox" name="checkbox" id="checkbox_check2"></div> 
    <div class="text">Mosefjerning? (+2.00kr per kvm) <input class="input-field2" type="checkbox" name="checkbox" id="checkbox_check3"></div> 
    <div class="text">Pris (kr) <input class="input-field3" id="a4" type="text" value="0.00" /></div> 
    <div class="text2">Obs! Minstepris på 300kr.</div> 
    <div class="tilbud-knapp">Legg til i tilbuds liste</div> 
    <div class="border"></div> 
</div>

來源

2017-09-06 Seb

@Carcigenicate，我看到這個第一現在，控制檯中的錯誤「（索引）：6 Uncaught TypeError：無法設置屬性'onkeyup'爲null」。 – Seb

將您的代碼放在頁面的底部。它在元素呈現之前運行，這意味着事件不能註冊到元素。

斷裂：

<script> 
 
    document.getElementById('a1').onkeyup = function() { 
 
     var a1 = document.getElementById('a1').value; 
 
     localStorage.setItem('a1', a1); 
 
    }; 
 
</script> 
 
<input class="input-field" id="a1" type="text" value="0" />

固定（除了localStorage在片段ins't可用）：

<input class="input-field" id="a1" type="text" value="0" /> 
 
<script> 
 
    document.getElementById('a1').onkeyup = function() { 
 
     var a1 = document.getElementById('a1').value; 
 
     localStorage.setItem('a1', a1); 
 
    }; 
 
</script>

來源

2017-09-06 12:12:19 Cerbrus

笨蛋，謝謝。只是測試，所以忘了：P – Seb

Javascript，not saving to localstorage

回答

相關問題