Javascript 如何通过文本输入向localStorage添加数据，并通过另一个文本输入调用数据？
我正在尝试用html和JavaScript制作一个应用程序，我可以通过一个文本输入提交数据，然后通过另一个文本输入调用数据。这个应用程序的想法是提交我在语文课上已经使用过的单词，然后，当我准备另一节课时，如果我以前是否使用过特定的单词，就可以通过这个应用程序进行搜索 我把代码留在下面了。我知道这可能是一件非常基本的事情，但我试图研究它，但我没有找到足够具体的东西：Javascript 如何通过文本输入向localStorage添加数据，并通过另一个文本输入调用数据？,javascript,Javascript,我正在尝试用html和JavaScript制作一个应用程序，我可以通过一个文本输入提交数据，然后通过另一个文本输入调用数据。这个应用程序的想法是提交我在语文课上已经使用过的单词，然后，当我准备另一节课时，如果我以前是否使用过特定的单词，就可以通过这个应用程序进行搜索 我把代码留在下面了。我知道这可能是一件非常基本的事情，但我试图研究它，但我没有找到足够具体的东西： <!DOCTYPE html> <html> <body> <form> &
<!DOCTYPE html>
<html>
<body>
<form>
<input type="text" id="textbox2" placeholder="Submit here" required>
</form>
<form>
<input type="text" id="textbox1" placeholder="Search here" required>
</form>
<script type="text/javascript">
</script>
</body>
</html>
我猜您缺少应用程序开发的一个基本概念-从架构的角度来看，您需要某种数据库来连接和发送信息 我个人认为，Angular是一个很好的框架，有很好的文档和教程-请在这里查看： 如果您不熟悉javascript和html，我建议您先学习以下教程： 在您设法解决了一些基本问题之后，我认为您应该使用firebase获得一些无服务器后端功能，如数据库访问。Angular与firebase配合得很好 如果仍要使用localstorage，请查看以下内容：
当然，您需要在适当的时候调用函数，但这非常简单
<!DOCTYPE html>
<html>
<body>
<form>
<input type="text" id="textbox1" placeholder="Submit here" required>
<button onclick="event.preventDefault();saveFirstInput();">Save submission input</button>
</form>
<form>
<input type="text" id="textbox2" placeholder="Search here" required>
<button onclick="event.preventDefault();populateSecondInput();">Recall submission input</button>
</form>
<script type="text/javascript">
function saveFirstInput(){
window.localStorage.setItem("firstInputValue", document.getElementById("textbox1").value);
document.getElementById("textbox1").value = "";
}
function populateSecondInput(){
var savedValue = window.localStorage.getItem("firstInputValue") || "";
document.getElementById("textbox2").value = savedValue;
}
</script>
</body>
</html>
保存提交输入
召回提交输入
函数saveFirstInput（）{
window.localStorage.setItem（“firstInputValue”，document.getElementById（“textbox1”）.value）；
document.getElementById（“textbox1”）.value=“”；
}
函数populateSecondInput（）{
var savedValue=window.localStorage.getItem（“firstInputValue”）||“”；
document.getElementById（“textbox2”）.value=savedValue；
}