javascript - 存储用户输入并显示

Question

代码应该做的是接收用户输入并存储在 LocalStorage 中，然后获取已存储的输入并显示它。由于是 localStorage，它应该保留输入并在关闭和打开后显示它。

我关注了this tutorial并尝试修改并适合我想做的事情。问题是它无法保存。

抱歉，如果这是一个不好的问题

function saveBio() {
  var newBio = document.getElementById("bio").value; //get user input
  localStorage.setItem("storeBio", newBio); //store it

  displayBio(newBio) //take to next function
}

function displayBio(newBio) {

  document.getElementById("bio").innerHTML = localStorage.getItem("storeBio");//display the localstorge
 
}

<input id="bio" type="text" name="bio" placeholder="Bio" onmouseout=saveBio() ">

Answer 1

您的代码的问题是 displayBio() 中的这一行:

document.getElementById.innerHTML = localStorage.getItem("storeBio");

您没有为 getElementById 提供要获取的 ID - 因为您想显示简介，所以应该是这样的:

document.getElementById("bio").innerHTML = localStorage.getItem("storeBio");