javascript - 保存用户在网站上的输入

标签 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.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>

因此,如果有人能为我找到一个简单易行的解决方案,那就太棒了。 谢谢

最佳答案

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

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

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

如果你想要更持久的东西,你必须使用身份验证和后端(你可以试试 Firebase!)。

关于javascript - 保存用户在网站上的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57545663/

相关文章:

javascript - 如何根据\r\n拆分字符串

javascript - Bootstrap 轮播图像显示不占用空间的div

javascript - 使用 underscore.js 删除带有空字符串的嵌套数组

javascript - 洗牌脚本中的"setTimeout"

javascript - 渲染 formio 自定义组件不工作

html - 按钮相对于中间按钮

html - 使用 XSLT 设置内联文本样式和嵌套标签

javascript - 扩展列表不移动容器/页脚

javascript - 使用 HTML 和 CSS 可视化数据层次结构

javascript - 如何创建一个按钮来在表单中添加 URL 链接