如何将HTML用户输入保存为txt。 文件并将保存的输入加载到HTML文件中？

Question

我最近为使用HTML的游戏制作了CharacterSheet。 HTML文件主要由<input type="text"> ， <input type="number"> ， <input type="checkbox"> ， <input type="radio"> ， <select>或<textarea>标记以插入数据。 有没有一种方法可以将所有插入的数据保存到txt中。 文件，并在HTML文档启动时将其加载到HTML文档中？

在其他一些帖子中，他们遇到的问题是浏览器不允许将文件写入，因为他们将其视为安全问题。 但是，我认为HTML和txt文件都在我的电脑上，应该没有问题。

Answer 1

您可以允许用户下载文本文件，然后在他们开始游戏时将其上传到可以解析的位置，但是更好的方法是仅使用现代浏览器中内置的localStorage 。 它将被永久存储在用户浏览器中，直到被删除。

localStorage.game = JSON.stringify({ score: 1 }) // put
console.log(JSON.parse(localStorage.game)) // get