使用表单生成并保存到 Web 应用程序上的"new file"相当于什么?(理想情况下只使用 HTML、CSS 和 JavaScript)



我正在尝试创建一个程序/web应用程序,我会经常使用它来学习如何编码。

如果可能的话,我正试图用HTML/CSS/JavaScript制作一个网络应用程序版本,并已经找到了实现这一点的方法,但我一定不知道正确的术语,因为我发现的一切要么涉及至少两种其他编程语言,要么似乎比我想要完成的要复杂得多。

我希望能够在各种标记的输入框中键入文本,点击";提交";并将该文本复制到另一个网页或我可以下载的txt文件中,并将其最低限度地格式化,这也给了我该文本的字数。

基本上,如果我有一个标记为"的输入框;第一句;并且我键入";你好,世界,这是一句话&";,然后我想能够打出某种";提交";按钮,它将获取该文本和有关标签的信息,并创建一个文本文件、html页面、谷歌工作表等——只是一些可以存储该文本、格式化该文本并可在给定时间导出/下载的东西。

上述情况理想地会产生一个页面或文件;第一句:你好,世界,这是一句话"并且将显示";字数=6";在页面底部附近的某个地方。

字数应该很简单,但整个打开/创建新页面/文件/其他什么,都是我一直在做的部分

我甚至会非常感谢关于我正在努力做的事情的适当术语或文章链接,这样我就可以理解这个过程,因为目前它似乎比它应该做的要复杂得多。

据我所知,您无法在前端使用vanilla javascript实现这一点。

您必须使用后端服务器。我知道nodeJS可以与文件系统交互,所以也许你可以这样做。

制作该web应用程序有很多选项。首先,您需要同时使用前端和后端技术。

  1. 在前端简单的香草js就足够了。您可以使用提交按钮制作输入表单,并向其中添加事件侦听器,该侦听器将向后端服务器发送请求
  2. 对于后端,你可以使用nodejs,它与Javascript相同,但它可以像普通编程语言一样在你的机器上运行,而不是浏览器。然后是文件系统模块(fs(,它是节点的核心模块,这意味着一旦安装了节点,它就可以使用了。使用这个fs模块,您可以将数据写入文本文件并从中读取。这样,您既可以保存也可以显示保存的数据。同样对于nodejs,我建议使用express js,它是轻量级的节点框架。这样在nodejs上进行编码会更容易。附言:我本来会写一些代码示例,但由于这是为了学习,你可以自己搜索(学习它的最佳方式(。我提供了你需要的尽可能多的关键词。如果你有任何问题或被困在某个地方,就去问吧。希望它能有所帮助

相关内容

最新更新