Javascript 在网站上保存用户输入_Javascript_Html

Javascript 在网站上保存用户输入

javascript html

Javascript 在网站上保存用户输入,javascript,html,Javascript,Html,我正在为我的工作场所制作一个网站，我需要将内容保留在访问该网站的所有计算机上我有它的代码，我只需要让它留在网站上 <html> <body> <input type='text' id='idea' /> <input type='button' value='add to list' id='add' /> <br> <ul id='list'></ul> <script> document.g

我正在为我的工作场所制作一个网站，我需要将内容保留在访问该网站的所有计算机上

我有它的代码，我只需要让它留在网站上

<html>
<body>
<input type='text' id='idea' />
<input type='button' value='add to list' id='add' />
<br>
<ul id='list'></ul>

<script>
document.getElementById("add").onclick = function() {
    //First things first, we need our text:
    var text = document.getElementById("idea").value; //.value gets input values

    //Now construct a quick list element
    var li = "<li>" + text + "&nbsp" + "<input type=checkbox>" + "Ready" + "</input>" + "&nbsp" + "<input type=text>" + "</input>" + "</li>";

    //Now use appendChild and add it to the list!
    document.getElementById("list").innerHTML += li;
}
</script>



</body>
</html>





document.getElementById（“add”）.onclick=function（）{
//首先，我们需要我们的文本：
var text=document.getElementById（“idea”）.value；//.value获取输入值
//现在构造一个快速列表元素
var li=“”+text+”+“+”+“+”就绪“+”+”+“+”+””；
//现在使用appendChild并将其添加到列表中！
document.getElementById（“列表”）.innerHTML+=li；
}

所以，如果有人能给我一个简单易行的解决方案，那就太棒了。

谢谢

Window。即使在页面卸载后，也可以使用localStorage在本地存储数据。每次加载和卸载页面时，数据都将保留、可访问和可修改

可能是最简单的方法：您可以使用本地存储将数据存储在用户的机器上。但请记住，一旦用户清除其本地存储，数据将被删除

// Get stored text (undefined if nothing stored)
const storedIdea = localStorage.getItem("storedIdea");

// Store text
localStorage.setItem("storedIdea", text);

如果您想要更持久的东西，您必须使用身份验证和后端（您可以尝试Firebase！）。

创建一个JavaScript对象，其中包含要存储的值。（可以是对象或单个变量）

将对象或变量设置为

localStorage

localStorage.setItem("userDetails", userObj);

使用相同的

userDetails

关键字访问存储值

var details = localStorage.getItem("userDetails");

谷歌“本地存储”可能重复等待。。。你的意思是当一个人在一台计算机上输入一些信息时，另一台计算机上的另一个人可以看到它吗？

var details = localStorage.getItem("userDetails");