試圖將輸入值保存到localStorage時出錯

Question

試圖將輸入值保存到localStorage時出錯

res.html不是函數

這是我的代碼：

Enter Text: <input type="text" id="inp" onchange="myFunction()">
<div id="result"></div>

<script>

var inp = document.getElementById('inp');
var res = document.getElementById('result');

function myFunction() {

var str = res.innerHTML = inp.value;

localStorage.setItem('value', str); 

if(localStorage.getItem('value')) {
    res.html(localStorage.getItem('value'));
}
}

Answer 1

.html()是一種JQuery函數，而不是JavaScript函數。 要使用JavaScript實現您要執行的操作，可以使用.innerHTML 。 因此，例如：

res.innerHTML = localStorage.getItem('value');

Answer 2

您想使用innerHTML而不是html() 。 那是一個jQuery函數。

res.innerHTML = localStorage.getItem('value');

Answer 3

這不是localStorage問題。 html不是DOM中定義的函數

你可以做：

if(localStorage.getItem('value')) {
    res.innerHTML = localStorage.getItem('value');
}